webpack的体验

73 阅读1分钟

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中即可使用。

方便使用