1.修改项目结构

找到config/index.js文件，在文件中找到build

 // Template for index.html
    index: path.resolve(__dirname, '../dist/pages/index.html'), //打包后index的位置，cli会帮你在dist下创建pages文件 还可以修改文件名字和文件类型

    // Paths
    assetsRoot: 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