安装webpack，webpack-cli，webpack-dev-server（版本一定要兼容！）

ps：仅记录个人经验，如有错误欢迎指出与讨论，谢谢！
最近学习vue要安装webpack，webpack-cli，webpack-dev-server，由于它们的版本经常会更新导致不兼容，今天安装了一上午，一直各种报错，最后找到了一个可行方案：
webpack 4.41.5
webpack-cli 3.3.10
webpack-dev-server 3.10.1
以上这三个版本搭配是可行的！

（一）卸载不兼容版本
如果之前安装了其他不兼容版本可以先卸载掉！

npm uninstall webpack -g
npm uninstall webpack-cli -g
npm uninstall webpack-dev-server -g

（二）为安装做准备（可跳过）
由于npm库的服务器位于国外，为了提高下载速度，淘宝团队将npm库搬运到国内的服务器，做了一个国内镜像cnpm，安装速度比npm快。淘宝镜像与官方同步频率目前为10分钟，以保证尽量与官方服务同步。

没有安装cnmp的小伙伴可以安装一下：

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v   //测试是否成功安装

（三）安装兼容版本
下面是powershell的安装命令：

cnpm install webpack@4.41.5 -g   //我用的是全局安装
cnpm install webpack-cli@3.3.10 -g
cnpm install webpack-dev-server@3.10.1 -g

如果没有安装cnpm的话，把上面的命令中的cnpm改为npm一样可行！

（四）安装loader（与主题无关，可忽略）
如果要使用webpack里的loader的话，不要忘记安装loader哦~

cnpm install css-loader
cnpm install style-loader

安装webpack，webpack-cli，webpack-dev-server（版本一定要兼容！）相关推荐

解决新版本webpack vue-cli生成文件没有dev.server.js问题
新版本webpack生成的dev.server.js 在webpack.dev.conf.js中webpack.dev.conf.jsconst axios = require('axios') co ...
vue ---- 工程化概念、webpack概念、webpack的安装配置，以及简单使用
引入jQuery,并使用他操作dom元素 index.js //1. 使用 ES6 中的高级语法, 导入一个jQuery import $ from 'jquery'//2. 定义 jQuery的入口 ...
安装nvm nodejs npm webpack vue vue-cli
nvm: https://github.com/coreybutler/nvm-windows/releases 选择,下载解压安装 cmd中设置淘宝镜像,加快下载nodejs速度 nvm node_ ...
安装node.js、webpack、vue 和vue-cli 以及安装速度慢/不成功的解决方法
安装node.js.webpack.vue 和vue-cli 以及安装速度慢/不成功的解决方法参考文章: (1)安装node.js.webpack.vue 和vue-cli 以及安装速度慢/不成功的 ...
webpack打包优化(webpack打包优化文件大小)
webpack 打包怎么优化的解决webpack打包的文件体积过大的问题: 确实,每次打包从入口开始,会parse所有的依赖,多的时候竟然打包一次要2秒多,简直不能忍.然而,有几个解决方案,最有效的 ...
webpack --- [读书笔记] webpack中常用的一些配置项
1. Webpack 当前Web开发面临的困境文件依赖关系错综复杂静态资源请求效率低模块化支持不友好浏览器对高级JavaScript特性兼容程度低 1.1 webpack概述 webpack是 ...
【webpack浅析】webpack之深入浅出
前言本文旨在讲解webpack的基本配置.从0开始,由浅入深地讲解webpack是如何工作和配置的,一步一步的带你揭开webpack的神秘面纱. 如有纰漏,敬请指正. 目录深入了解webpack ...
webpack配置文件：webpack.config.js（一）
1.webpack的配置文件webpack.config.js //const HtmlWebpackPlugin = require('html-webpack-plugin'); module.e ...
webpack -- 无法将“webpack”项识别为 cmdlet 。。。
webpack : 无法将"webpack"项识别为 cmdlet.函数.脚本文件或可运行程序的名称.请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次. 一.如果全局和 ...

安装webpack，webpack-cli，webpack-dev-server（版本一定要兼容！）

安装webpack，webpack-cli，webpack-dev-server（版本一定要兼容！）相关推荐

最新文章

热门文章