javascript - 使用 Webpack 作为构建工具的 SASS 多页站点

Question

我正在构建一个使用 SASS 以及 HTML、CSS JS 和 webpack 等公共资源的多页面站点。当我运行 npm start 时，它在本地工作得很好，这会触发我的 webpack.dev.js 请参阅屏幕截图 npm start.png。

同样，当我运行 npm run build 命令时，在我的项目中，我希望我的 ./sass/main.scss 文件被编译并捆绑到 dist 文件夹中，然后该文件夹将为在./dist 文件夹。相反，当我运行 npm run build 命令时，它会创建 ./dist 文件夹、html 文件和 css 文件，但样式不会注入到 html 中。

因此，总而言之，我没有得到任何特定的错误，但是在运行我的 webpack.prod.js 后，我没有得到想要的结果，如上所述。

所以问题出在 webpack.prod.js 的插件和模块部分，这就是我设置吐出 css、js 和 html 页面的方式

该 repo 包含所有文件，包括 ./dist 文件夹和命令 npm start 和 npm run build 的屏幕截图以及文件结构

我的 github 仓库是https://github.com/kekir/WP-experiment 希望对您有所帮助再次感谢

标签： javascripthtmlcsswebpacksass