webpack配置

Question

配置：

打包前：

打包后：

如图：打包后因为在配置文件中已经配置好了，所以会自动引入外部文件，但是打包前即开发过程中没引入样式文件和js文件，如何看到效果？

Answer 1

我看到你已经使用了devServer，你可以把devServer的contentBase设置一下：

contentBase: path.join(__dirname, "dist"),//这里设置成你的打包路径

这样的话你就可以实时预览打包过后的页面了。

Answer 2

webpack不会自动给页面加 样式 和 脚本的，如需要请看仔细阅读html-webpack-plugin文档，有指导你怎样达到效果。