vue 全局配置自定义css & js

全局配置css

1. 创建src/asset/css/xxx.css文件夹及文件
2. 引用方式：全局引用 or 单文件引用

【全局引用】在mian.js中引用，xxx.css文件

1. import './assets/css/normalize.css'

【全局引用】在public/index.html中引用，xxx.css文件

• 若css文件在src/asset/css里​​​​​​​

• <link rel="stylesheet" href="<%= BASE_URL %>css/gloable.css">
  

• 若css文件在public里

1. <link rel="stylesheet" href="./css/gloable.css">
   

【单文件引用】在.vue文件中

1. <style>
   @import url(./assets/css/normalize.css);
   </style>

全局配置 js

1. 创建src/asset/js/xxx.js文件夹及文件
2. 引用方式：全局引用 or 单文件引用

【全局引用】在public/index.html中引用，xxx.css文件

• 若js文件在src/asset/js里​​​​​​​

• <script src="<%= BASE_URL %>js/test1.js"></script>
  <script src="<%= BASE_URL %>js/test2.js"></script>
  

• 若js文件在public里

1. <script src="./js/test1.js"></script>
   <script src="./js/test2.js"></script>
   

【单文件引用】在.vue文件中,

1. <script>
   	import { test} from './js/test.js'
   </script>