zoukankan      html  css  js  c++  java
  • webpack编译es6

    1 安装

    已安装npm前提下,先全局后在使用的文件夹下安装局部,npm init 初始化package.json

    npm install webpack --save-dev

    2 测试

             

    运行后生成b.js

    运行除了直接webpack命令,还可以修改package.json里面,在scripts里添加 "start":"webpack",然后npm start就可以了,npm run start一样,跟vue-cli全家桶的npm run dev一样的

    报错详细,可以用webpack --display-error-details

    3 配置webpack.config.js

    更详细参见:http://webpack.github.io/docs/configuration.html

    当入口不直接写根目录下文件时,报错,报入口模块未找到

    其实是路径问题,用上 __dirname就可以了

      3-1 多个js文件编译

        json,前是名称

        3-1-1      

        3-1-2                         

          文件合并编译了

    4 编译es6 ==> es5

    npm install babel-core

         babel-loader

         babel-preset-es2015       --save-dev

    配置下文件,然后就可以编译es6了

    5 本地服务器

    查看有无webpack-dev-server,可能是我之前全局安装过或还是这个版本就有的,然后之前的webpack改成webpack-dev-server (--progress --colors)括号里面的我不知道是啥意思,没发现作用

    启动服务器跟编译没关系的??!

  • 相关阅读:
    Hibernate实体类注解
    Struts2注解详解
    Spring注解大全
    Maven依赖机制
    Maven启动代理服务器
    SSH整合
    二进制求和 —— 从复杂方法到简单方法
    最大子序和 —— 动态规划解法
    括号匹配问题 —— Deque双端队列解法
    常见面试题 —— 两数之和(拒绝暴利法)
  • 原文地址:https://www.cnblogs.com/hhweb/p/7198926.html
Copyright © 2011-2022 走看看