zoukankan      html  css  js  c++  java
  • webpack 和 webpack-cli 安装和使用中出现的问题

    因为国内防火墙的原因,建议首先安装 cnpm:

      使用 npm install cnpm -g 或者 npm install -g cnpm --registry=https://registry.npm.taobao.org

      【注】G:MyWeb...处为自定义的文件夹地址

     

    安装 webpack 和 webpack-cli:

      可以用 cnpm install webpack -Dcnpm install webpack-cli -D 分别安装,也可以用 cnpm install webpack webpack-cli -D 一起安装,因为之前就出了问题,为了找问题我采用的分别安装

     

    【注】下图中 cnpm i 是 cnpm install 的缩写

     

    但是安装后还是有问题(此处 if ( 已经打包成功 ) return )

     

    尝试在初始化时生成的 package.json 文件中添加 dev:webpack 后运行也是出错

    找到提示的这个日志文件,把文件夹中的日志删除,然后重新下载依赖:

    使用 cnpm install webpack -g cnpm install webpack-cli -g 命令直接下载(为了试错我是分别安装的,另外使用 npm 会报错)

     

     使用 cnpm install webpack -g 命令下载

     

    再使用 cnpm i webpack -D 安装,别忘了还有 webpack-cli 也要执行一遍下载和安装,是否可以使用 cnpm i webpack webpack-cli -g 和 cnpm i webpack webpack-cli -D 直接一次下载安装我没试过,折腾太久不想试了,试过的朋友可以留个言

     

    最后设置好 webpack.config.js 配置文件,再次运行 webpack 打包成功

     

  • 相关阅读:
    Java学习----不变的常量
    Java学习----Java数据类型
    Java学习----Java程序结构
    Java学习----main详解
    (转)你知道Android也有安全模式吗?(地球人都知道了吧)
    Android学习----打印日志Log
    Android学习----五大布局
    Android学习-----Button点击事件几种写法
    mysql建立索引 删除索引
    MySQL查看SQL语句执行效率
  • 原文地址:https://www.cnblogs.com/schuan/p/12865143.html
Copyright © 2011-2022 走看看