• webpack4.0.1安装问题和webpack.config.js的配置变化


    The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli' in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D -> When using yarn: yarn add webpack-cli -D

    webpack4.0.1安装问题,提示:

    The CLI moved into a separate package: webpack-cli.
    Please install 'webpack-cli' in addition to webpack itself to use the CLI.
    -> When using npm: npm install webpack-cli -D

    -> When using yarn: yarn add webpack-cli -D

    解决方案:

    一、webpack -v 版本号出不来

    提示:

    The CLI moved into a separate package: webpack-cli.
    Please install 'webpack-cli' in addition to webpack itself to use the CLI.
    -> When using npm: npm install webpack-cli -D
    -> When using yarn: yarn add webpack-cli -D


    意思是CLI被移动到了一个专门的包 webpack-cli里了。
    请安装webpack-cli 的除了webpack本身使用cli
    当用npm时,使用npm install webpack-cli -D安装。
    当用yarn时,使用yarn add webpack-cli -D安装。


    解决办法:全局安装webpack-cli
    npm install webpack-cli -g


    就能提示出版本号了。


    二、在项目目录下要本地安装webpack-cli -D

    npm install webpack-cli -D


    三、在项目目录下要本地安装webpack

    npm install webpack -D

    四、必须使用配置文件:webpack.config.js

              不要使用webpack命令,如:webpack  demo01.js  bundle01.js,不能再执行了。

    五、webpack.config.js文件的变化

             webpack.config.js里的配置,不再支持 module下的loaders,需要把loaders改成rules。

    即如下:

        module: {
            rules: [
                //针对css文件,进行对应的loader处理
                { test: /.css$/, loader: "style-loader!css-loader" }
            ]
        }

  • 相关阅读:
    80x86的保护模式
    计算机二进制的表示
    操作系统基本知识(一)
    记录一次在安装双系统的过程(先有debian, 后加windows 8.1)
    LitePal + Gson + Volley的ORM框架尝试方案
    如何使用DDMS Heap查看Android应用内存情况
    测试驱动开发的第一个例子---我的毕业设计
    策略模式的孪生兄弟---状态模式
    面试常备---栈和队列总结篇
    面试常备题---二叉树总结篇
  • 原文地址:https://www.cnblogs.com/bydzhangxiaowei/p/8810371.html
Copyright © 2020-2023  润新知