Html Webpack Replaceurl Plugin
此插件需配合html-webpack-plugin使用,作用是将html文档中对本地静态资源(js/style)的引用替换为经webpack编译后url。
安装
npm install html-webpack-replaceurl-plugin --save-dev
使用方法
配置webpack:
let HtmlWebpackPlugin = ;let HtmlWebpackReplaceurlPlugin = ;let webpackConfig = entry: 'main.a':'main.a.js' 'vendor': 'vue' output: path: 'dist' publicPath: '/' filename: '[name].[hash].js' plugins: name: 'vendor' filename: 'vendor.js' inject: false //此项必须配置为false mainFilePrefix: js: 'main' css: 'main' vendor: 'vendor.js' ;
上述配置项应用于index.html文件:
Webpack App
编译后的index.html内容为:
Webpack App
详细配置
mainFilePrefix
:js/style文件的命名前缀,以此前缀匹配html文档中的文件引用。默认都是main
;vendor
:是否需要匹配vendor文件,如果为false,则不匹配html文档中的vendor文件。默认匹配vendor.js
。