[html]webpack网页开发打包工具
2017-10-16 20:03
573 查看
官方文档:https://webpack.js.org/concepts/
中文文档:https://doc.webpack-china.org/guides/installation/
简书简介:http://www.jianshu.com/p/42e11515c10f
预先安装node.js
正式安装:
正式使用之前:
1.定位当一个测试目录,开始项目:
建一个json文件
2.安装webpack作为依赖包
3.回到之前的空文件夹,并在里面创建两个文件夹,app文件夹和public文件夹,app文件夹用来存放原始数据和我们将写的JavaScript模块,public文件夹用来存放之后供浏览器读取的文件(包括使用webpack打包生成的js文件以及一个
简要翻译:
了解webpack只需要了解这个四个步骤:
entry,
output,
loaders,
plugins
中文文档:https://doc.webpack-china.org/guides/installation/
简书简介:http://www.jianshu.com/p/42e11515c10f
什么是Webpack
WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用预先安装node.js
正式安装:
//全局安装 npm install -g webpack //安装到你的项目目录 npm install --save-dev webpack
正式使用之前:
1.定位当一个测试目录,开始项目:
npm init
建一个json文件
2.安装webpack作为依赖包
// 安装Webpack npm install --save-dev webpack
3.回到之前的空文件夹,并在里面创建两个文件夹,app文件夹和public文件夹,app文件夹用来存放原始数据和我们将写的JavaScript模块,public文件夹用来存放之后供浏览器读取的文件(包括使用webpack打包生成的js文件以及一个
index.html文件)。接下来我们再创建三个文件:
简要翻译:
了解webpack只需要了解这个四个步骤:
entry,
output,
loaders,
plugins
相关文章推荐
- 基于打包工具Webpack进行项目开发
- 基于打包工具Webpack进行项目开发实例
- webpack打包多html开发案例
- webpack打包多html开发案例新
- Webpack 开发工具与模块热替换
- grunt,gulp,webpack前端打包工具的特性
- 使用HttpWebRequest和HtmlAgilityPack抓取网页(拒绝乱码,拒绝正则表达式)
- node.js之打包工具webpack
- Web开发项目实践之校园评教系统功能扩展--熟悉DW网页开发工具
- webpack开发工具 (gulp、browserify、webpack)
- [Web开发] IE 所有版本打包下载,网页兼容测试必备
- [Web开发] 网页的浏览器兼容性测试工具
- webpack实现开发、测试、生产等环境的打包切换
- Webpack 4.0.0 正式发布,模块加载打包工具
- Webpack前端打包工具
- Web开发项目实践之校园评教系统功能扩展--熟悉DW网页开发工具
- webpack 打包工具
- vue 之webpack打包工具的使用
- [Web开发] IE 所有版本打包下载,网页兼容测试必备
- [Web开发] 网页的浏览器兼容性测试工具