传统web项目搭建学习

Posted 2020-11-21 網絡蛀蟲

1、安装插件

# babel安装问题，Cannot find module ‘@babel/core‘ babel-loader@8 requires Babel 7.x (the package ‘@babel/c
# 原因是：
# babel-loader和babel-core版本不对应所产生的，
# babel-loader 8.x对应babel-core 7.x
# babel-loader 7.x对应babel-core 6.x
npm install babel-loader@8.0.0-beta.0 @babel/core @babel/preset-env webpack

 2、clean-webpack-plugin

TypeError: CleanWebpackPlugin is not a constructor
新版本的clean-webpack-plugin引入已经改为const { CleanWebpackPlugin } = require(‘clean-webpack-plugin‘);
  plugins: [
        // 可是不传参的话，他怎么知道我要删除的是哪个文件？看了官方介绍才知道，要删除的正是output.path！我的output配置项里的路径就是dist目录。
        new CleanWebpackPlugin(),
  ]