鍍金池/ 問答/HTML/ vue2.0中 .vue文件如何引入自定義的，外部js,css文件的問題？

vue2.0中 .vue文件如何引入自定義的，外部js,css文件的問題？

點擊打開github代碼DEMO地址

test.js文件如下：

console.log(1);

網上有些說法說要寫成下面這種形式，測試了也不行

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

方法一（嘗試失?。?br>直接在App.vue中引入

import Test from "assets/test.js"

方法二(嘗試失敗)：

webpack.config.js文件中 在module.exports方法添加如下參數(shù)

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

然后再在App.vue中引入

import Test from "testJs"

clipboard.png

clipboard.png

回答
編輯回答
故林

//說明當前目錄一定要加 ./，否則雖然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要加后綴
2017年3月1日 13:44
編輯回答
孤酒
import './test.js'

如果test中對全局加個$屬性作為對外的接口的話(例如 var $ ={}; $.xxx = xx; $.xx = xxx;)
配置

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

像你的這種直接執(zhí)行的jsconsole.log(1)直接 import xx.xx，不需要from命名。

2018年9月3日 01:43