Vue中的webpack
最后更新于:2022-04-02 01:19:01
## 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执行
';