• webpack笔记_(1)_webpack 安装


    webpack不仅可以解析jsx,也可以将es6转换为es5语法。
    最终,它把这些代码都打包成一个叫bundle.js的文件,我们在html文件中只引入这么一个js文件就可以了!

    打包后,引用的语法
    import “./button.css”

    1.安装webpack

    npm install webpack -g (全局)
    npm install webpack --save--dev (本地)

    2.webpack的辅助文件

    npm install babel-core
    npm install babel-loader
    npm install babel-preset-es2015 (解析es6)
    npm install babel-preset-react (解析jsx语法)
    npm install react (jsx语法支持)
    npm install react-dom (jsx语法支持)

    注意:webpack需要先安装node.js

    项目中使用webpack
    用npm增加一个package.json配置文件
    $ npm init
    安装webpack插件并将webpack配置到package.json文件中
    $ npm install webpack --save-dev


    如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!


    作者:风来风往风伤
    出处:http://www.cnblogs.com/amwuau/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利。

     
  • 相关阅读:
    后缀表达式
    约瑟夫环
    能手进阶:Linux操作琐细驱动编译与运转
    VLC 0.8.5
    Gimpshop 2.2.11
    Blender 2.42
    有助于数据确立平安环境的次要效率阐明');
    DivFix 0.20
    Ubuntu Dapper 提速脚本
    你值得知道的五佳非主流阅读器
  • 原文地址:https://www.cnblogs.com/amwuau/p/webpack.html
Copyright © 2020-2023  润新知