无法加载webpack require生成的文件

Question

在webpack-dev-server环境下，使用vue-router的异步加载

Vue.component('record-link', function (resolve) {
    require(['./templates/record-link.html'], resolve)
})

貌似生成成功

但浏览器没办载入文件

运行命令webpack后，可以生成文件1.min.js

请问在使用webpack-dev-server的情况下，怎样设置能自动载入chunkFile?

webpack.config.js

{
    entry : {
        index : './src/main.js'
    },
    output : {
        path : __dirname + './dist/',
        filename : 'bundle.js',
        publicPath : '/',
        chunkFilename: "[name].min.js"
    },
    module : {
        loaders : [
            {test : /\.js$/, loader : 'babel-loader', exclude : '/node_modules/'},
            {test : /\.css$/, loader : 'style-loader!css-loader'},
        ]
    },
    resolve : {

    },
    plugins : [
        new webpack.HotModuleReplacementPlugin(),
    ],
    devServer : {
        inline : true,
        hot : true, 
    }
}

index.html

    <script type="text/javascript" src="http://localhost:3001/bundle.js"></script>

Answer 1

publicPath改成

publicPath: '/dist/'