webpack配置上线地址主要使用output配置项下的publicPath。
webpack.config.js配置文件为:
var htmlWebpackPlugin = require(‘html-webpack-plugin‘); module.exports = { //打包入口 entry: { main: ‘./src/js/main.js‘, a: ‘./src/js/a.js‘ }, //打包后的文件 output: { //不加__dirname 会报错 path: __dirname + ‘/dist‘, //注意:使用[name]确保每个文件名都不重复 filename: ‘js/[name]-[chunkhash].js‘, //线上地址配置 publicPath:‘http://cdn.com/‘ }, plugins: [ new htmlWebpackPlugin({ template: ‘index.html‘, filename: ‘index-[hash].html‘, title: ‘test parameter‘ }) ] }
执行命令:
npm run webpack
效果:
(1)项目目录输出结构:
(2)html 引用地址为线上地址:
时间: 2024-08-28 23:09:09