Vue-Loader不使用Webpack导入JS文件

时间:2018-03-21 21:17:46

标签: webpack ecmascript-6 vue-loader

我在文件夹中有以下内容......

 Test.vue
 Other.js

这是代码......

Test.vue
<template>...</template>
<script>
    import Other from './other';
    ....
</script>

Other.js

export default class {
    constructor(){}
    static doSomething(){...}
}

但是当我在vue组件中运行和调试时,ServerList是一个ReferenceError ...

  

未捕获的ReferenceError:未定义其他

为了记录,我的Webpack配置并没有为JS声明任何内容,但我认为我还不需要babel ...

module: {
    rules: [
        { test: /\.vue$/, loader: 'vue-loader' },
        {
            test: /\.css$/,
            use: [ 'style-loader', 'css-loader' ]
        }
    ]
},

不确定我错过了什么,我将如何做到这一点?

更新

如果我为JS配置babel一切正常,但我认为我可以在这一点上避开babel,就像我可以使用入口点一样。这是我的webpack规则......

{
  test: /\.js$/,
  exclude: /(node_modules|bower_components|deps)/,
  use: {
    loader: 'babel-loader',
    options: {
      presets: ['@babel/preset-env']
    }
  }
}

0 个答案:

没有答案