
webpack
打伞的鱼1011
web前端,一个真正的码农
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
webpack之文件指纹如何生成
· Hash: 和整个项目的构建相关,只要项目文件有修改,整个项目构建的hash值就会更改 Chunkhash(JS文件): 和webpack打包的chunk有关,不同的entry会生成不同的chunkhash值 Contenthash(CSS文件):根据文件内容来定义hash,文件内容不变,则contenthash不变 图片的文件指纹设置使用[hash] 设置MiniCssExtratPlu...原创 2020-01-13 22:11:01 · 644 阅读 · 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 · 261 阅读 · 0 评论 -
Webpack文件监听
文件监听是发现源码变化时,自动重新构建出新的输出文件 开启监听方式有二种: 启动webpack命令时(在scripts里面),带上–watch参数,需要手动去刷新浏览器才会有效果 在配置webpack.config.js时设置watch:true 原理分析:轮询判断文件最后编辑时间是否有变化,某个文件变化了不会立即告诉监听者,而是先缓存起来,等aggregateTimeout. module....原创 2019-11-16 21:03:55 · 420 阅读 · 0 评论 -
webpack解析 .babelrc
一、解析ES6 1、安装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 · 1085 阅读 · 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 · 223 阅读 · 0 评论