成长之路

前言 博主最近在看《Vue.js实战》(梁灏著，2017年10月01日出版)，学习vue框架和webpack编译打包。在进行npm run build编译生产环境包时，出现了很多报错，特此记录采坑和解决方案 一. 问题背景 书中首先创建webpack.prod.config.js文件，如下 var webpack = require('webpack'); var HtmlwebpackPlugin = require('html-webpack-plugin'); var ExtractTextPlugi

一. 问题背景 通过cmd命令添加babel cnpm install --save-dev babel cnpm install --save-dev babel-loader cnpm install --save-dev babel-core cnpm install --save-dev babel-plugin-transform-runtime cnpm install --save-dev babel-preset-es2015 cnpm install --save-dev babel-ru

一. 问题背景 cnpm install extract-text-webpack-plugin@next 在用如上命令安装extract-text-webpack-plugin插件时，会有日志如下： 可以看到提示说extract-text-webpack-plugin需要webpack3到4的版本，但是我webpack装的是5.27版本，因此可能会有问题。 果然在用npm run dev时，报错： E:\WorkSpace\H5\vue\learn\webpack_demo\node_modules

一. Cannot find module ‘webpack-cli/bin/config-yargs’ Require 使用webpack工具打包资源，启动程序 npm run dev 此时出现报错： 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 i