我正在使用 vuejs 构建一个网站,并尝试加载敏捷 vue 以在 vue 应用程序中全局使用。所以我在 main.js 中添加了以下代码:
var VueAgile = require('vue-agile');
Vue.use(VueAgile);
稍后我将 browserify 与 babelify 和 envify 一起使用来创建一个 bundle.js 文件。并使用以下代码进行编译:
NODE_ENV=production browserify -g envify -e main.js > bundle.js
使用 package.json 文件中的 babelify 预设 'babel-preset-env' 设置。我收到以下错误:
import VueAgile from './Agile.vue'
^
ParseError: 'import' and 'export' may appear only with 'sourceType: module'
我通过添加 esmify 摆脱了错误:
NODE_ENV=production browserify -g envify -p esmify -e main.js > bundle.js
但我遇到了一个新错误:
<template>
^
ParseError: Unexpected token
我一直在寻找解决方案,我认为 browserify 没有转换所有文件(只有 topfiles,而不是依赖项)有问题,但我还没有找到如何强制它。感谢所有帮助。