课件和源代码下载地址

都用contentHash有什么问题么

你好 请问已经在项目环境中了 为啥 每回都要code . 一下啊？ 不太懂。能私回我吗？感觉问的太白痴，可是不问又不知道

试了下，图片使用 hash 指纹，并非整个项目 hash（contenthash、chunkhash)发生改变。 多入口时，只影响引入图片的 entry 文件、相关的 css 文件。 ？？？

js为什么不也用contenthash

使用hash的场景还应该结合mode来考略，如果mode是development的时候，在使用hmr的情况下，chunk使用chunkhash是不适合的，应该使用hash。而在mode是production的时候，就是不用hmr的情况下，这时候就适合使用chunkhash了

安装了'mini-css-extract-plugin'插件，plugins也做了配置，但是打包的时候报错： TypeError: Cannot read property 'thisCompilation' of undefined

https://webpack.js.org/guides/caching/ js 有 contenthash

老师，我的js里面使用contenthashbuild成功了 'use strict'; const path = require('path'); const webpack = require('webpack'); console.log(__dirname, 'dist'); console.log(path.join(__dirname, 'dist')); // __dirname 当前目录 /remaineey/workspace/webpack module.exports = { entry: './src/index.js', // 单入口 entry: { // 多入口 index: './src/index.js', search: './src/search.js', }, output: { path: path.join(__dirname, 'dist'), filename: '[name][contenthash:8].js', }, mode: 'development', module: { rules: [ { test: /\.js$/, use: 'babel-loader' }, { test: /\.css$/, use: [ 'style-loader', 'css-loader', ] }, { test: /\.less$/, use: [ 'style-loader', 'css-loader', 'less-loader' ] }, { test: /\.(jpeg|png|jpg)$/, use: [ { loader: 'url-loader', options: { limit: 333330, } } ] } ] }, // 默认是false，不开启 // 参考： https://www.webpackjs.com/configuration/watch/ // watch: true, // // 只有开启监听模式时，watch才有意义 // watchOptions: { // // 不监听的文件或者文件目录，支持正则匹配 // ignored: /node_modules/, // // 当第一个文件更改，会在重新构建前增加延迟。这个选项允许 webpack 将这段时间内进行的任何其他更改都聚合到一次重新构建里。以毫秒为单位 // aggregateTimeout: 300, // // 通过传递 true 开启 polling，或者指定毫秒为单位进行轮询。 // poll: 1000 // 每秒检查一次变动 // }, // 热替换影响了chunkhash的使用，你要确保hotModuleReplacementPlugin(）函数没在生产环境下执行 // plugins: [ // new webpack.HotModuleReplacementPlugin() // ], devServer: { contentBase: './dist', hot: true } };

看到留言里面多次提到JS没有 contenthash，想问下为什么JS没有，而css文件却有呢？

要注依赖的意版本号，版本号对不上就会报一些奇怪的错误。。