webpack

Posted 1点

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack 相关的知识,希望对你有一定的参考价值。

  1. node_modules/.bin/webpack

    用webpack 打包

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

    技术图片

    技术图片

  2. 创建html

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

技术图片

3.babel 使用es6

yarn add [email protected] [email protected] [email protected] --dev

技术图片

技术图片

4.react 的处理

yarn add [email protected] -- --dev

技术图片

技术图片

技术图片

5.安装react

yarn add react react-dom

6.css

yarn add [email protected] [email protected] --dev

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

 

以上是关于webpack 的主要内容,如果未能解决你的问题,请参考以下文章

Vue报错:Uncaught TypeError: Cannot assign to read only property 'exports' of object 的解决方法(代码片段

如何使用webpack加载库源映射?

浅析 -- webpack

报错:✘ http://eslint.org/docs/rules/indent Expected indentation of 0 s paces but found 2(代码片段

报错:✘ http://eslint.org/docs/rules/indent Expected indentation of 0 s paces but found 2(代码片段

无法创建中继容器; graphql.js 文件似乎有 webpack 工件?