## Webpack是什么 ## 为什么要选择webpack Vue.js官方脚手架工具就使用了webpack模板 对所有的资源会压缩等优化操作 它在开发过程中提供了一套完整的功能,能够使得我们开发过程中变得高效。 ## Webpack如何使用 Webpack的安装 ~~~ npm install webpack -g ~~~ 在cmd命令行中调用webpack 指令 给定两个参数 要打包的文件路径 要输出的文件路径 Webpack的基本打包演示 利用webpack打包计算机需求 第一种方式 webpack main.js build.js 第二种方式 新建一个webpack.config.js文件 webpack 利用webpack打包css Webpack本身并不支持CSS打包,它其实是加载相关的loader来进行不同文件的打包处理 其实要想打包css,就必须依赖与style-loader和css-loader 1.利用npm 安装好style-loader和css-loader 2.在webpack.config.js中配置好这两个loader,并且顺序一定是style-loader ,cs-loader 3.调用webpack执行