1 webpack的作用
webpack可以帮助我们处理模块之间的依赖关系,并对其进行整理打包。JavaScript,css,图片,json文件等都会被当做模块来使用。并且在打包过程中会有压缩图片、将ES6语法转成ES5等功能。
2 webpack安装
使用npm:
- 全局安装:
npm install webpack -g - 局部安装:
npm install webpack --save-dev
2 webpack使用
基础使用:
在我们的项目中,将所用的模块通过CommonJS、AMD、CMD、ES的Modules等将各种文件或内容导入到main.js中,然后使用指令webpack src/main.js dist/bundle.js进行打包,打包后会在dist文件下生产bundle.js文件,然后将这个文件引入到index.html中即可使用。
方便使用