【webpack】提示报错:TypeError: options.plugins.unshift is not a function 的解决方法

这里写自定义目录标题

  • 欢迎使用Markdown编辑器
    • 代码
    • 解决
    • 运行

欢迎使用Markdown编辑器

初次使用webpack打包模块时,出现了这个错误

【webpack】提示报错:TypeError: options.plugins.unshift is not a function 的解决方法_第1张图片

代码

/* 

	webpack.config.js  webpack的配置文件
		作用:指示webpack干哪些活(当运行webpack指令时,会加载里面的配置)
		所有构件工具都是基于nodejs平台运行的~模块化默认采用commonjs
 
 */

// resolve 用来拼接绝对路径
const { resolve } = require('path');

module.exports = {
	// webpack配置
	// 入口起点
	entry: './src/index.js',
	//输出
	output: {
		// 输出文件名
		filename: 'built.js',
		// __dirname   nodejs  变量    表示当前目录的绝对路径
		path: resolve(__dirname,'build')
	},
	// loader 配置
	module: {
		rules: [
			// 详细loader配置
			{
				// 匹配哪些文件
				test: /\.css$/,
				// 使用哪些loader进行处理
				use: [
					// use 数组中loader执行顺序:从右往左,从下到上  依次执行
					// 创建style标签,讲js中的样式资源插入执行,添加到head中生效
					'style-loader',	
					// 将 css 文件变成 commonjs 模块加载到 js 中,里面内容是样式字符串
					'css-loader'
				],
			},
			{
				test: /\.less$/,
				use: [
					'style-loader',
					'css-loader',
					'less-loader'
				]
			}
		]
	},
	// plugins 配置
	plugins: [
		
	],
	// 模式
	mode:'development',  // 开发模式
	// mode: 'production'
}

解决

将 plugins 注释

	// plugins 配置
	//plugins: [],

如果 plugins 没有代码,需要注释掉,就可以运行了

运行

【webpack】提示报错:TypeError: options.plugins.unshift is not a function 的解决方法_第2张图片

你可能感兴趣的:(webpack,css3,js)