webpack
qq_33712668
这个作者很懒,什么都没留下…
展开
-
【webpack】5.开发和生产模式的配置加载
之前做的一直是开发模式,但要上产线时候要是生产模式。几乎所有的loader都会去参考webpack.config.js的mode。所以要用不同的文件去控制1. script标明两份配置文件之前的配置文件叫webpack.config.js,是开发模式的配置文件,可将其改名为webpack.dev.js,复制该文件并命名为webpack.prod.js这样就有两份配置文件。那怎么去调用/加...原创 2019-08-02 16:21:35 · 574 阅读 · 0 评论 -
【webpack】1. 快速入门
为什么用webpack因为前端有个坑,就是浏览器在解析js时,没有像其他语言那样做到js文件的模块化,一个文件要想另一个文件暴露出一个数据和变量,只能把它定义在全局下。window.XXX。比如一个html引入了a.js和b.ja,a.js里需要用b.js里的msg,那在b.js里就要把这个变量定义成winodw.msg=‘yo’。但这样会出问题,如果引入的是外部的库,也有可能会多人同时开发,全...原创 2019-06-21 13:19:04 · 222 阅读 · 0 评论 -
【webpack】2. loader---动态加载css样式,文件,数据
文章目录webpack loader1. 准备工作:创建项目2. 使用loader3.标明css来源webpack loaderwebpack本身就能理解js,所以可以随意import不需要loader,但是如果import的是其他文件比如css,则不能理解,需要告诉它css怎么加载,这就是loader的职责。css用css-loader和style-loader1. 准备工作:创建项目...原创 2019-08-01 19:38:18 · 2246 阅读 · 0 评论 -
【webpack】3. 将入口html也打包
文章目录安装配置解决缓存通过前两章,发现用webpack想做的就是一个入口,一切都从index.js开始,或者一切都从webpack.config.js开始,其他都不用管,告诉入口即可。通过对loader的学习,发现图片,css,js,数据都可以被webpack管理,只有index.html不可以,还得手动指定打包后的js的地址。若是希望把html也交由webpack管理,需要安装一个插件...原创 2019-08-02 11:10:33 · 796 阅读 · 0 评论 -
【webpack】4.webpack-dev-server思考
文章目录1. 自动监控刷新 --watch2. 网页刷新 webpack-dev-server准备条件安装运行不同配置1. 自动监控刷新 --watch在package.json中配置 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "pack": "node_modul...原创 2019-08-02 11:45:46 · 239 阅读 · 0 评论