Webpack不生成index.html

没有导出你的最后2个插件,并且没有指定html文件名dist,因为HtmlWebpackPlugin应该生成相对于path,下面是固定配置:

 var path = require('path')var webpack = require('webpack')var HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = {entry: './src/main.js',output: {path: path.resolve(__dirname, './dist'),publicPath: '/dist/',filename: 'build.js'},module: {rules: [{test: /\.css$/,use: ['vue-style-loader','css-loader'],}, {test: /\.vue$/,loader: 'vue-loader',options: {loaders: {}// other vue-loader options go here}},{test: /\.js$/,loader: 'babel-loader',exclude: /node_modules/},{test: /\.(png|jpg|gif|svg)$/,loader: 'file-loader',options: {name: '[name].[ext]?[hash]'}}]},resolve: {alias: {'vue$': 'vue/dist/vue.esm.js'},extensions: ['*', '.js', '.vue', '.json']},devServer: {historyApiFallback: true,noInfo: true,overlay: true},performance: {hints: false},devtool: '#eval-source-map',plugins: [new webpack.ProvidePlugin({Vue: ['vue/dist/vue.esm.js', 'default'],jQuery: 'jquery','window.jQuery': 'jquery',$: 'jquery',moment: 'moment',}),new HtmlWebpackPlugin({hash: true,filename: 'index.html'})]}if (process.env.NODE_ENV === 'production') {module.exports.devtool = '#source-map'// http://vue-loader.vuejs.org/en/workflow/production.htmlmodule.exports.plugins = (module.exports.plugins || []).concat([new webpack.DefinePlugin({'process.env': {NODE_ENV: '"production"'}}),new webpack.optimize.UglifyJsPlugin({sourceMap: true,compress: {warnings: false}}),new webpack.LoaderOptionsPlugin({minimize: true})])}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/249370.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

CSS3笔记之定位篇(一)relative

知识点1:relative和absolute relative: 相对自身,并会限制内部absolute元素层叠 absolute: 相对容器,并受到父类容器relative的影响,比如:overflow:hidden/scroll fixed: 不受relative限制,只受z-index的…

洛谷P3066 [USACO12DEC]逃跑的BarnRunning Away From…

题面链接 一句话题意:给出以1号点为根的一棵有根树,问每个点的子树中与它距离小于等于l的点有多少个。 我:似乎并不好做啊。。。看了题解后大雾。。。 sol:考虑树上差分,对于一个点,在他那个位置&#xff0…

vue使用webPack打包发布后页面显示空白

今天笔者将打包后,进行访问,访问到index.html,但是出现的是空白页。 打包命令:npm run build,打包后的文件如下: 这是因为index.html中引入的css ,js 的路径不对:如下图 这个是因为webpack打包的时候引入…

第一次实验报告

c程序实验报告 姓名:黄志乾 实验地点:教学楼514教室 实验时间:3月19日实验项目: 1、字符与ASCII码 2、运算符与表达式的应用 3、顺序结构应用程序 4、数学函数的算法描述 5、鸡兔同笼的算法描述 6、确定坐标的算法描述…

Mac下Idea安装Git报错Xcrun问题的解决

使用过IDEA的小伙伴都知道,它和我们之前用过的Eclipse一样强大,或者比他更强大。当它配合的Mac使用时,就会变得更得心应手,少去很多环境配置的环节。其中最典型的就是Git 由于Mac自带就安装了git, 大家可以通过终端输入命令“git…

关于Django路由层简单笔记

Django—路由层 URL配置(URLconf)就像Django 所支撑网站的目录。它的本质是URL与要为该URL调用的视图函数之间的映射表;你就是以这种方式告诉Django,对于客户端发来的某个URL调用哪一段逻辑代码对应执行。 1,简单的路由配置 from django.urls…

hdu 5183

hdu 5183(Hash处理区间问题) 题目链接:http://acm.hdu.edu.cn/showproblem.php?pid5183 题意:给出一个n个元素的数组,现在要求判断 a1-a2a3-a4...../-an 中是否存在某个某个区间使得 ai-ai1ai2...(-1)j-iaj k?? 这个题要利用Hash就可以实现几乎在 O(n) 的时间内实现查找判断…

vue-cli,webpack安装

第一步应该下载node.js这是安装vue-cli的基础工具。官网下载快捷安全可:https://nodejs.org/en/ 第二步打开命令面板找到你要安装的位置 第三步就是安装全局vue-cli 命令操作 npm intatll -g vue-cli 安装完毕之后 可以检查安装版本即 vue -V 如下图 这还不算完&…

CSS3笔记之定位篇(二)z-index

知识点1&#xff1a;z-index基础 z-index&#xff1a;auto; 默认值 z-index: <integer> 整数 z-index: inherit 继承 不考虑css3 还有定位元素的z-index才有作用 知识点2&#xff1a;z-index与定位元素 无嵌套&#xff1a;后来居上&#xff0c;哪个大哪个上 //在没有…

JSP页面传值出现中文乱码的问题

在接收值的jsp页面代码的body里添加&#xff1a; <%request.setCharacterEncoding("utf-8"); %> //这里是设置utf-8为jsp页面的中文编码方式 jsp页面之间传值&#xff1a; 发送信息的jsp脚本&#xff1a; session.setAttribute("user",rs.getString…

【我所认知的BIOS】— uEFI AHCI Driver(8) — Pci.Read()

【我所认知的BIOS】—> uEFI AHCI Driver(8) — Pci.Read()LightSeed6/19/2014社会一直在变。不晓得是不是社会变的太苦开&#xff0c;而我没变所以我反而显得单纯了。办一个居住证。几年前办的以为最终能够一劳永逸的&#xff0c;后来续办的是发现确实不难了。尼玛&#xf…

springboot项目集成vue

vue的项目目录如下&#xff1a; vue项目打包 首先进入项目目录&#xff1a;cd 项目名 然后执行打包命令&#xff1a;npm run build随后我们的项目中会多出一个dist文件夹&#xff1a;如下图 然后将dist文件夹中的所有内容放到eclipse中的src/main/resources/static文件夹里面…

Vue项目启动webpack报错Module build failed: Error: No PostCSS Config found in......

自己写的公司项目&#xff0c;今天需要提交到公司版本库&#xff0c;可是在本地启动正常的项目&#xff0c;拷贝到git文件目录下突然报错Module build failed: Error: No PostCSS Config found in......&#xff0c;源文件都没有改动过&#xff01; 然后自己各种百度&#xff…

2.1对 特征归一化 的一些理解

特征归一化有很多不同的叫法&#xff0c;比如&#xff1a;特征缩放&#xff0c;Feature Normalization&#xff0c;Feature Scaling 数据标准化&#xff08;归一化&#xff09;处理是数据挖掘的一项基础工作&#xff0c;不同评价指标往往具有不同的量纲和量纲单位&#xff0c;这…

逆向工程生成的Mapper.xml以及*Example.java详解

逆向工程生成的接口中的方法详解 在我上一篇的博客中讲解了如何使用Mybayis逆向工程针对单表自动生成mapper.java、mapper.xml、实体类&#xff0c;今天我们先针对mapper.java接口中的部分方法进行测试&#xff0c;以了解其作用。 先看表结构。。。 从下图可以看到MBG根据数据表…

SpringBoot之静态资源访问

SpringBoot之静态资源访问 1.springboot访问静态资源的几种方式 (1)在src/main/resources/目录下创建 static文件夹 (2)在src/main/resources/目录下创建 resources文件夹 (3)在src/main/resources/目录下创建 public文件夹 (4)在src/main/resources/目录下创建 META-INF/resou…

几何

题目大意定义一个$S-$四面体表示六条边由$S$根不同的木棍组成&#xff0c;定义一种染色方法合法当且仅当至少有$S$根木棍被染色且与每个顶点相邻的三根木棍中至多有一根被染色&#xff0c;求有$N$个$S1,2...N$四面体&#xff0c;求至少染$K$个的方案数。 题解 单独考虑$S1$四面…

VUE的element-ui的使用

我们在自己的网站当中有的时候会用到element-ui的组建 1.如何安装element-ui的组件 在命令行工具当中输入cnpm i element-ui -S, 等待安装 2.如何在vue当中使用element-ui的组件 1.在main.js中引入element相关的js和cssimport Vue from vueimport ElementUI from element-u…

NodeJS+Express+Mysql+MongoDB之环境配置

node作为一款可以兼容前后端的js语言,在做持久层操作上和Java比较类似,下面就简单介绍一下项目中的数据库配置操作. 首选使用express框架自动创建一个测试项目,并在目录下建立一个专门存放数据库配置的配置文件,比如:db.js 代码如下 /* * 数据库配置文件 * Author: zth * D…

Python 私有变量的访问和赋值

首先我们这里先描述下&#xff1a;  Python中&#xff0c;变量名类似__x__的&#xff0c;以双下划线开头&#xff0c;并且以双下划线结尾的&#xff0c;是特殊变量&#xff0c;特殊变量是可以直接访问的&#xff08;比如 __doc__, __init__等&#xff09;&#xff0c;不是pri…