webpack
打伞的鱼1011
web前端,一个真正的码农
展开
-
webpack之文件指纹如何生成
·Hash: 和整个项目的构建相关,只要项目文件有修改,整个项目构建的hash值就会更改Chunkhash(JS文件): 和webpack打包的chunk有关,不同的entry会生成不同的chunkhash值Contenthash(CSS文件):根据文件内容来定义hash,文件内容不变,则contenthash不变图片的文件指纹设置使用[hash]设置MiniCssExtratPlu...原创 2020-01-13 22:11:01 · 545 阅读 · 0 评论 -
webpack之Html,css,js压缩
html,css,js压缩JS:unlifjs-webpack-plugin,在webpack4里内置了插件css: optimize-css-assets-webpack-plugin,plugins: [ new webpack.HotModuleReplacementPlugin(), new OptimizeCSSAssetsPlugins({ asset...原创 2019-11-18 22:54:40 · 208 阅读 · 0 评论 -
Webpack文件监听
文件监听是发现源码变化时,自动重新构建出新的输出文件开启监听方式有二种:启动webpack命令时(在scripts里面),带上–watch参数,需要手动去刷新浏览器才会有效果在配置webpack.config.js时设置watch:true原理分析:轮询判断文件最后编辑时间是否有变化,某个文件变化了不会立即告诉监听者,而是先缓存起来,等aggregateTimeout.module....原创 2019-11-16 21:03:55 · 358 阅读 · 0 评论 -
webpack解析 .babelrc
一、解析ES61、安装babel:@babel/core @babel/preset-env babel-loader;2、安装完后在webpack.config.js中引用:module: { rules: [ { test: /.js$/, use: 'babel-loader' } ] },3、在文件....原创 2019-11-15 21:38:22 · 1024 阅读 · 0 评论 -
webpack核心概念
1.entry用法:单入口:entry是一个字符串module.exports={ entry: './path/to/my/entry/file.js'}多入口:entry是一个对象module.exports={ entry: { app: './src/app.js', adminApp: './src/adminApp.js' }}...原创 2019-11-11 20:55:09 · 173 阅读 · 0 评论