webpack
Feather_74
这个作者很懒,什么都没留下…
展开
-
搭建一个简单的webpack(五)
1、speed-measure-webpack-pluginspeed-measure-webpack-plugin插件可以作为一个webpack打包量化的指标,帮助我们在打包webpack时看到之前操作的优化到底是负优化还是正优化。npm install speed-measure-webpack-plugin -D修改webpack.config.js文件:const SpeedMe...原创 2020-03-28 20:42:12 · 434 阅读 · 0 评论 -
搭建一个简单的webpack(四)
1、解决本地资源(css、js)打包报错问题【看dist文件夹下的css文件夹和js文件夹】webpack在npm run dev运行时会因为检测不到pulic文件夹下的css文件和js文件而报错。npm install copy-webpack-plugin -D修改webpack.config.js文件的配置const CopyWebpackPlugin = require("cop...原创 2020-03-27 21:38:56 · 221 阅读 · 0 评论 -
搭建一个简单的webpack(三)
1、使用 url-loader 或者 file-loader 来处理本地的资源文件。npm install url-loader file-loader -D对webpack.config.js文件进行修改module.exports = { module: { rules: [ //... { test: /\.(png|jpg|gif|...原创 2020-03-24 17:53:27 · 1254 阅读 · 0 评论 -
搭建一个简单的webpack(二)
上一篇学习到webpack打包时运行的代码是npx webpack --mode=development,现在将mode=development配置到webpack.config.js文件中。module.exports = { mode:'development', module: { rules: [ //.... ]...原创 2020-03-23 23:20:24 · 135 阅读 · 0 评论 -
搭建一个简单的webpack(一)
1、项目初始化npm init -y初始化结束之后记得修改name属性,否则在npm install webpack的时候会有下面的报错:npm ERR! code ENOSELF npm ERR! Refusing to install package with name "webpack" under a package可参考Refusing to install package w...原创 2020-03-20 16:06:45 · 260 阅读 · 0 评论