【MAC 上学习 Vue】Day 9. 项目中引入 JS、CSS

引入文件使用 Module 语法：export、import 命令

1. 引入 JS 文件

1. 在 src 文件夹下编写 index2.js 文件，添加如下代码：

export  let world=()=>{
    document.write("Hello World2!");
}

2. 在 src 文件夹下编写 index.js 文件，更新为如下代码：

import {world} from './index2.js'
world();

3. 在终端执行：

cnpm run dev

4. 使用浏览器打开 index.html
   1.png

2. 引入 CSS 文件

1. 在 src 文件夹下编写 style.css 文件，添加如下代码：

body{background-color:royalblue}

2. 在 src 文件夹下编写 index.js 文件，添加如下代码：

import {world} from './index2.js'
import '!style-loader!css-loader!./style.css'
world();

3. 在终端执行：

cnpm install style-loader css-loader --save-dev

cnpm run dev

4. 使用浏览器打开 index.html
   2.png