使用webpack-html-plugin打包生成html页面失败,是什么原因啊?大神们,求助
2018-07-11 15:20
531 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_41765627/article/details/81001210
webpack生成js没问题,到安装完webpack-html-plugin就出现这样的错误了,麻烦各位大神给看一下,找找原因,感激不尽let path=require('path')//专门处理路径用的,以当前路径解析出一个相对路径
console.log(path.resolve('./dist'));
let HtmlWebpackPlugin=require('html-webpack-plugin');
module.exports={
entry:'./src/main.js',//入口
//webpack会自动查找相关的依赖进行打包
//entry:'./src/main1.js',//多入口打包
output:{
filename:'bundle.js',//打包后的名字
//filename:'[name].js',
path:path.resolve('./dist') //必须是一个绝对路径
},
//模块的解析规则
//-js匹配所有的js 用babel-loader转义 排除掉node_modules
module: {//模块对象
rules: [
{test: /\.js$/, use: 'babel-loader', exclude: /node_modules/},
//use时从右往左写
{test: /\.css$/, use: ['style-loader', 'css-loader']},
{test: /\.less$/, use: ['style-loader', 'css-loader', 'less-loader']},
//转化base64只在8192字节一下转化,其他情况输出图片
{test: /\.(jpg|png|gif)$/, use: 'url-loader?limit=8192'}
]
},
//插件
plugin:[
new HtmlWebpackPlugin({
template:'./src/index.html'
})
]
}
Invalid configuration object
Invalid configuration object
相关文章推荐
- 使用html-webpack-plugin'入再内存中生成 html 页面插件
- html-webpack-plugin插件 根据模板生成多页面
- html-webpack-plugin打包后没有html文件生成
- html-webpack-plugin插件 根据模板生成多页面
- HtmlWebpackPlugin插件使用实现html文件自动生成
- webpack插件:使用HtmlWebpackPlugin在页面中使用EJS语法引用模板文件(二)
- [js高手之路]深入浅出webpack教程系列5-插件使用之html-webpack-plugin配置(中)
- htmlWebpackPlugin的使用
- webpack的使用(插件HtmlWebpackPlugin)
- vue-cli项目打包多个与static文件同级的静态资源目录(copy-webpack-plugin插件的使用)
- 使用webpack4从零开始打包不使用框架的多页面应用,webpack打包多页面应用,使用postcss中px-2-vw实现响应式。
- html-webpack-plugin 中使用 title选项设置模版中的值无效
- html-webpack-plugin插件的详细介绍和使用
- 详解webpack自动生成html页面
- webpack 插件html-webpack-plugin的具体使用
- [js高手之路]深入浅出webpack教程系列6-插件使用之html-webpack-plugin配置(下)
- vue 使用vue-cli打包工具生成基于webpack模板的项目
- webpack实战——(3)自动生成项目中的html页面
- webpack使用extract-text-webpack-plugin打包时提示错误
- html-webpack-plugin插件使用chunks属性时报错