webpack.config.js文件中的output的配置项
path:打包输出路径
filename:输出文件名,也可以是一个路径,不存在会创建
publicPath:间接资源访问路径
而devServer中的publicPath--当我们通过webpack-dev-server打包时,
访问资源会检查要访问资源的路径是否和publicPath中配置的一致,如果一致,则从打包结果中找到
该资源进行返回,否则从硬盘上获取。而webpack-dev-server打包的结果是在内存中的,没有写入硬盘
当我们通过html-webpack-plugin插件自动插入引用的scirpt和link时,是不用配置output的publicPath和
devServer的publicPath的(或者说配置为默认值根目录 "/"),配置上这俩反而无法自动插入引用
是这样吗?还是说html-webpack-plugin可以配置解决这个问题呀
module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.join(__dirname, 'dist'),
publicPath:'/'//就是这里
},
devServer:{
port:8089,
host:'127.0.0.1',
publicPath:'/',//还有这里,如果配置成别的会导致html-webpack-plugin,无法自动插入script
open:true,
hot:true,
overlay:{erros:true}
},
plugins: [
new HtmlWebpackPlugin({
template: './index.html',//相对于根目录
filename:'./index.html',//相对于output的路径
inject: 'false',
minify: {
removeComments: true//删除注释
}
})
]
…………………………
……………………
}