1. node_modules/.bin/webpack

    用webpack 打包

    SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

    因为我们没有全局安装webpack 所以要用到这条命令

    webpack （1） 随笔 第1张

    webpack （1） 随笔 第2张

  2. 创建html

    npm install --save-dev html-webpack-plugin

webpack （1） 随笔 第3张

3.babel 使用es6

yarn add babel-core@6.26.0 babel-preset-env@1.6.1 babel-loader@7.1.2 --dev

webpack （1） 随笔 第4张

webpack （1） 随笔 第5张

4.react 的处理

yarn add babel-preset-react@6.24.1 -- --dev

webpack （1） 随笔 第6张

webpack （1） 随笔 第7张

webpack （1） 随笔 第8张

5.安装react

yarn add react react-dom

6.css

yarn add style-loader@0.19.1 css-loader@0.28.8 --dev

 rules: [
     {
        test: /\.css$/,
        use: [{ loader: 'style-loader' }, { loader: 'css-loader' }],
     },
   ];

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄