webpack+vue 打包过后的build.js 内存在绝对路径

Question

Answer 1

https://github.com/vuejs/vue-...

根据下面的代码，这只是开发环境下编译的结果：

  // development-only code
  if (!isProduction) {
    // add filename in dev
    output += 'Component.options.__file = ' + JSON.stringify(shortFilePath) + '\n'
    // check named exports
    output +=
      'if (Component.esModule && Object.keys(Component.esModule).some(function (key) {' +
        'return key !== "default" && key.substr(0, 2) !== "__"' +
      '})) {' +
        'console.error("named exports are not supported in *.vue files.")' +
      '}\n'
    // check functional components used with templates
    if (template) {
      output +=
        'if (Component.options.functional) {' +
          'console.error("' +
          '[vue-loader] ' + fileName + ': functional components are not ' +
          'supported with templates, they should use render functions.' +
        '")}\n'
    }
  }

建议使用 DefinePlugin 设置生产环境后再打包。

或者，直接使用 vue-cli 的 webpack 项目模板创建项目。