Webpack 如何从node_模块加载未绑定的*.vue文件?
我编写了小型Vue包,供项目内部使用。它包含一些插件(.js扩展名),其中包括内部带有Webpack 如何从node_模块加载未绑定的*.vue文件?,webpack,vue.js,vuejs2,loader,node-modules,Webpack,Vue.js,Vuejs2,Loader,Node Modules,我编写了小型Vue包,供项目内部使用。它包含一些插件(.js扩展名),其中包括内部带有的Vue单文件组件(.Vue扩展名) 因此,完整的方案如下所示: 我当前项目的组件您是如何调用或导入组件的?@Stephan-v我正在导入es6风格的插件。里面的插件组件也以es6风格导入。使用require不会改变任何东西。您可以在问题中添加更多代码吗?查看组件可能会有所帮助 /node_modules/my-package/src/components/image.component.vue:1 &
的Vue单文件组件(.Vue扩展名)
因此,完整的方案如下所示:
我当前项目的组件您是如何调用或导入组件的?@Stephan-v我正在导入es6风格的插件。里面的插件组件也以es6风格导入。使用
require
不会改变任何东西。您可以在问题中添加更多代码吗?查看组件可能会有所帮助
/node_modules/my-package/src/components/image.component.vue:1
<template lang="pug">
^
SyntaxError: Unexpected token
{
test: /\.vue$/,
use: [
{
loader: 'vue-loader',
options: {
postcss: [require('autoprefixer')()],
loaders: {
'scss': 'vue-style-loader!css-loader!sass-loader',
'sass': 'vue-style-loader!css-loader!sass-loader?indentedSyntax'
}
}
}
]
},
{
test: /\.js$/,
use: 'babel-loader'
},