vue2.0中 .vue文件如何引入自定义的，外部js,css文件的问题？

Question

点击打开github代码DEMO地址

test.js文件如下：

console.log(1);

网上有些说法说要写成下面这种形式，测试了也不行

 export default function testJs(){
   console.log(100);
 }

方法一（尝试失败）：
直接在App.vue中引入

import Test from "assets/test.js"

方法二(尝试失败)：

webpack.config.js文件中 在module.exports方法添加如下参数

  externals: {
    'testJs': './src/assets/test.js'
  }

然后再在App.vue中引入

import Test from "testJs"

Answer 1

import './test.js'

如果test中对全局加个$属性作为对外的接口的话(例如 var $ ={}; $.xxx = xx; $.xx = xxx;)
配置

externals: {
  '$(或者你想要的名字)': '$'
}

像你的这种直接执行的jsconsole.log(1)直接 import xx.xx，不需要from命名。

Answer 2

//说明当前目录一定要加 ./，否则虽然webstorm里面可以打开文件，但是webpack打包找不到

webpack中引入外部文件的几种方法：

require ("./assets/test.js")  //require方式写法
import Test from "./assets/test.js"   //import完整写法
import "./assets/test"  //不加名字，不加from,不加后缀(默认是.js)
import "./assets/test.css"   //引入css要加后缀