2.nuxt.js使用es6语法支持sass

支持es6

  • 初始化,修改server/index.js
    在这里插入图片描述
  • 修改package.json,在dev start后加--exec babel-node
    在这里插入图片描述
  • 在根目录下新建.babelrc文件,并配置
    在这里插入图片描述
  • 项目中安装依赖
    npm i babel-cli // 这是babel解释器的客户端主程序
    npm i babel-core // babel的核心文件
    npm i babel-preset-es2015 // 把代码转换成ES6
  • npm run dev 启动项目

支持sass

  • 在vue文件中的style中配置lang=“scss”
    在这里插入图片描述
  • 安装依赖sass-loader node-sass ,强烈推荐使用淘宝源
    • 使用淘宝源npm install -g cnpm --registry=https://registry.npm.taobao.org
    • 如果不想全局安装cnpm但又想使用淘宝的服务器来下载:
    • npm install node-sass sass-loader --registry=https://registry.npm.taobao.org
    • 但是每一次手动这样加参数很麻烦,所以我们可以把这个参数加入npm配置文件中:
    • npm config set registry https://registry.npm.taobao.org
    • //查看npm配置信息 检查是否配置成功
    • npm config list
    • //查看源,可以看到设置过的所有的源npm config get registry
    • npm i sass-loader
    • npm i node-sass

看错误提示和警告

  • 遵循缺什么就安装什么的原则
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章