vue导出html文件将外部js与css,2.vue引入外部js和css文件

1.css相关

1.全局引入，在main.js中引入import './assets/iconfont/iconfont.css' //注意'./'一定要加不然会报错

2.局部引入，在组件中

@import '../assets/iconfont/iconfont.css';

2.js相关

1.在全局上使用

1.0在static文件中新建common.js

var log = console.log.bind(console)

//12.06新增，导出需要的js文件

export default {

log,

}

1.1在src/main.js

//第一种全局引入js：

import common from '../static/common.js' //注意路径

Vue.prototype.$common = common

1.2在组件中使用

export default {

name: 'HelloWorld',

data () {},

created: function() {

var that = this

that.$common.log(2222222222222)

},

}

2.在组件中使用(建议在组件中引用，防止污染全局)

2.2在src/components/HelloWorld.vue组件中使用

import common from '../../static/common.js' //注意路径

export default {

name: 'HelloWorld',

data () {},

created: function() {

var that = this

common.log(111111111)

},

}

备注：以上都是使用vue-cli构建的项目，文件目录详见官网