zoukankan      html  css  js  c++  java
  • 解决nuxt官方脚手架的一些坑:1、支持es6+语法 2、样式支持sass

    1、支持ES6+语法,以server/index.js为例,将require修改为ES6的import模式:

        初始化:

     

        解决方法:

         (1)修改package.json文件,在“dev”和“start”命令后面新增:--exec babel-node

          

          (2)项目根目录下新增babel配置文件“.babelrc”文件,写入以下配置

         

          (3)项目中安装依赖

             npm i babel-cli // 这是babel解释器的客户端主程序

             npm i babel-core // babel的核心文件

             npm i babel-preset-es2015 // 把代码转换成ES6

             npm i babel-preset-stage-0 // 把代码转换成ES7

          (4)再执行 npm run dev 就可以放肆的写ES6语法了

    2、项目中配置sass样式工具

        (1)在vue文件中style中配置lang="scss"

          

        (2)安装依赖sass-loader node-sass ,强烈推荐使用cnpm安装

               cnpm i sass-loader 

               cnpm i node-sass

  • 相关阅读:
    JavaScript字面量
    JavaScript一元运算符、二元运算符和三元运算符
    JavaScript变量声明与变量声明提前
    JavaScript作用域链
    JavaScript变量污染
    语法糖
    JavaScript包装对象
    JavaScript全局变量与局部变量
    JavaScript标识符
    JS函数命名规范
  • 原文地址:https://www.cnblogs.com/fsg6/p/14410488.html
Copyright © 2011-2022 走看看