.vue文件打包后 const 等es6 语法未被babel转换

[lljj-x]

lib中存在 const 等es6 语法未被babel转换

看起来像 vue plugin 生成的

[lljj-x]

es6 未转换代码来源有两个部分：

.vue 文件需要通过 babel 处理

这里需要注意顺序，vue plugin 在前 babel 在后。

如下类似代码：

  /* style */
  const __vue_inject_styles__ = undefined;
  /* scoped */
  const __vue_scope_id__ = undefined;
  /* module identifier */
  const __vue_module_identifier__ = undefined;
  /* functional template */
  const __vue_is_functional_template__ = false;

解决：

babel({
    exclude: /node_modules\/(?!(@lljj)\/).*/,
    extensions: ['.js', '.vue'], // + .vue 文件
})

参考：rollup/rollup-plugin-babel#260

vue runtime helper 转换后的代码存在 const，如下

normalizeComponent 这个方法内，直接通过babel include 应该也可

如下类似代码：

function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
    if (typeof shadowMode !== 'boolean') {
        createInjectorSSR = createInjector;
        createInjector = shadowMode;
        shadowMode = false;
    }
    // Vue.extend constructor export interop.
    const options = typeof script === 'function' ? script.options : script;
 }
}

解决：

vue({
  normalizer: '~vue-runtime-helpers/dist/normalize-component.js'
})

参考：vuejs/rollup-plugin-vue#262 (comment)