webpack-dev-server用法

1.启动，--content-base指明服务器的根目录

webpack-dev-server --content-base ./dist

2.publicPath资源路径，在请求文件时候需要加上路径名

module.exports = {
        entry: './src/js/index.js',
        output: {
            path: './dist/js',
            filename: 'bundle.js'，
            publicPath: '/assets/'
        }
    }

3.webpack-dev-server 支持2种自动刷新的方式：

Iframe mode
inline mode
这2种模式配置的方式和访问的路径稍微有点区别，最主要的区别还是 Iframe mode 是在网页中嵌入了一个 iframe ，将我们自己的应用注入到这个 iframe 当中去，因此每次你修改的文件后，都是这个 iframe 进行了 reload 。

Paste_Image.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容