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

看錯誤提示和警告

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