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 引用地址为线上地址：
webpack配置上线地址
原文地址：http://www.cnblogs.com/mengfangui/p/7510898.html