关于按照webpack官方文档操作安装清理 './dist' 文件指令,官方文档有错误,需要修改配置参数
2021/7/9 23:37:55
本文主要是介绍关于按照webpack官方文档操作安装清理 './dist' 文件指令,官方文档有错误,需要修改配置参数,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
官方文档贴出来的配置参数,写法错误
改成一下配置参数即可
const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const { CleanWebpackPlugin } = require('clean-webpack-plugin'); module.exports = { mode: 'development', entry: { app: './src/index.js', print: './src/print.js' }, output: { filename: '[name].bundle.js', path: path.resolve(__dirname, 'dist'), // publicPath: '/' }, devtool: 'inline-source-map', devServer: { contentBase: './dist', open: false, //自动打开浏览器 compress: true, //启动Gzip压缩 port: 8080, //端口号8080 quiet: true //静默打开 }, plugins: [ new CleanWebpackPlugin(), new HtmlWebpackPlugin({ title: 'Output Management' }) ], module: { rules: [{ test: /\.css$/, use: ['style-loader', 'css-loader'] }, { test: /\.(png|jpg|svg|gif)$/, use: ['file-loader'] }, { test: /\.(woff|woff2|eot|ttf|otf)$/, use: ['file-loader'] }, { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, { test: /\.xml$/, use: ['xml-loader'] }] } };
这样,报错问题就解决啦。
这篇关于关于按照webpack官方文档操作安装清理 './dist' 文件指令,官方文档有错误,需要修改配置参数的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-05在 etcd 中怎么看有多少客户端在监视特定键 (watch)-icode9专业技术文章分享
- 2024-11-05uniapp 怎么实现返回上一页效果-icode9专业技术文章分享
- 2024-11-05UniApp 中则么实现检查一个 URL 是否以 "http://" 开头功能-icode9专业技术文章分享
- 2024-11-05怎么使用nslookup指定dns解析?-icode9专业技术文章分享
- 2024-11-05shopify 中 的 analyticsToken 一般多久过期?-icode9专业技术文章分享
- 2024-11-05array_intersect_key 有没有前后顺序-icode9专业技术文章分享
- 2024-11-05在 CodeIgniter 3.x 中,怎么批量插入返回值?-icode9专业技术文章分享
- 2024-11-05初学者必备:轻松入门TypeScript (ts)编程
- 2024-11-05TypeScript 入门教程:从零开始学习
- 2024-11-05TypeScript入门指南:从基础到实践