美文网首页Vue.js
【MAC 上学习 Vue】Day 9. 项目中引入 JS、CSS

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

作者: RaRasa | 来源:发表于2019-08-04 14:37 被阅读3次

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

1. 引入 JS 文件

  1. src 文件夹下编写 index2.js 文件,添加如下代码:
export  let world=()=>{
    document.write("Hello World2!");
}
  1. src 文件夹下编写 index.js 文件,更新为如下代码:
import {world} from './index2.js'
world();
  1. 在终端执行:

cnpm run dev

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

2. 引入 CSS 文件

  1. src 文件夹下编写 style.css 文件,添加如下代码:
body{background-color:royalblue}
  1. src 文件夹下编写 index.js 文件,添加如下代码:
import {world} from './index2.js'
import '!style-loader!css-loader!./style.css'
world();
  1. 在终端执行:

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

cnpm run dev

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

相关文章

网友评论

    本文标题:【MAC 上学习 Vue】Day 9. 项目中引入 JS、CSS

    本文链接:https://www.haomeiwen.com/subject/vkqydctx.html