我正在精确地关注这个 https://www.youtube.com/watch?v=MpGLUVbqoYQ webpack 教程,并且已经到达视频中他谈论内容哈希的部分。在视频中他这样做:
const path = require("path");
module.exports = {
mode: "development",
entry: "./src/index.js",
output: {
filename: "main.[contentHash].js",
path: path.resolve(__dirnamem, "dist")
},
module: {
rules: [
{
test: /\.scss$/,
use: [
"style-loader",
"css-loader",
"sass-loader"
]
}
]
}
};
我已经做到了:
const path = require("path");
module.exports = {
mode: "development",
entry: "./src/index.js",
output: {
filename: "main.[contentHash].js",
path: path.resolve(__dirname, "dist")
},
module: {
rules: [
{
test: /\.scss$/,
use: [
"style-loader", // 3. Injects styles into DOM
"css-loader", // 2. Turns css into commonjs
"sass-loader" // 1. Turns sass into css
]
}
]
}
};
在视频中,此代码可以工作并在指示的位置附加内容哈希,但是当我运行 npm start 时,我得到了这个: