1.修改项目结构
找到config/index.js文件,在文件中找到build
// Template for index.htmlindex: path.resolve(__dirname, '../dist/pages/index.html'), //打包后index的位置,cli会帮你在dist下创建pages文件 还可以修改文件名字和文件类型// PathsassetsRoot: path.resolve(__dirname, '../dist'), //资源css,img, js等文件的位置assetsSubDirectory: '',assetsPublicPath: '../',//pages/index.html引入资源文件的相对路径 即<link href="../css/xxx.css" rel="stylesheet"> <script type="text/javascript" src="../js/xxx.js">
以上配置打包后效果(index.html在pages下)
2. 修改打包后资源前缀
找到build/webpack.base.conf.js页面,找到
module.exports = {context: path.resolve(__dirname, '../'),entry: {app: './src/main.js' //app可修改},
可将app: './src/main.js' 修改为share: './src/main.js',打包之后效果如下
share.xxx.js
share.xxx.css