![](https://img-blog.csdnimg.cn/20191211101759256.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Webpack
huzhenv5
这个作者很懒,什么都没留下…
展开
-
webpack4打包时如何默认解析package.json中main字段指定的文件
从webpack2开始,webpack在打包node应用时,默认优先解析的是package.json中module字段指定的文件,module字段指定的文件是采用es模块方案的包的入口文件。由于某些特殊原因(什么原因,后面会提到),我们希望webpack在打包时还是默认解析package.json中main字段指定的文件,那么我们该如何配置webpack呢?这时我们可以使用webpack的reso...原创 2020-04-06 17:37:56 · 3810 阅读 · 0 评论 -
webpack@4中babel7配置
安装首先确保本地已经安装了webpack和webpack-cli安装babel-loadernpm i -D babel-loader安装玩后,控制台有提示:按照提示安装@babel/core@^7.0.0npm i -D @babel/core@^7.0.0继续安装@babel/preset-envnpm i -D @babel/preset-env注意:注意版本冲...原创 2020-03-28 14:08:33 · 949 阅读 · 0 评论 -
webpack合并js文件的几种方式
假如我们有两个js文件,a.js和b.js,代码如下:// a.jsconsole.log('这是a文件')// b.jsconsole.log('这是b文件')我们如何通过webpack把它们合并成一个文件呢?方法一我们可以再webpack配置文件中,配置多个入口文件,这样就能合并成一个文件了:// webpack.config.jsconst path = require...原创 2020-03-27 22:57:34 · 4881 阅读 · 1 评论 -
webpack@4取消自动压缩 —— mode配置
新版本的webpack@4在打包之后默认是对js进行了压缩的,那么如何设置不自动压缩呢,这需要用到webpack的mode配置mode提供模块化的配置选项告诉webpack使用相应的优化选项。当不对它进行配置的时候,默认值是"production",我们只需要将该值设置为"development",则webpack则不会对打包后的js文件进行压缩,示例:// webpack.config.j...原创 2020-03-27 22:30:48 · 5345 阅读 · 0 评论 -
vue-cli@4中默认的html-webpack-plugin配置
本文章代码所用vue-cli的版本号为:@vue/cli 4.1.2如何获取默认配置配置vue.config.js在项目根目录下创建vue.config.js文件,键入如下代码:const HtmlWebpackPlugin = require('html-webpack-plugin')module.exports = { configureWebpack: confi...原创 2020-01-19 15:34:45 · 19781 阅读 · 0 评论 -
node中webpack打包mysql报错 Module not found: Error: Can't resolve 'fs' 、'net'、'tls'
最近写了一个node项目,作用是通过js代码来处理一些mysql数据库的数据。为了方便后台同事操作方便,我就想把所有的处理模块合起来用webpack打包成一个js文件给后台的同事使用,抱着这样的想法我就开始了,然而…webpack给了我一堆这样的错误: 通过各种尝试发现,这些报错是 require('mysql')引起的,应该是mysql中引用了fs、tls、net 这些模块,然后这些模...原创 2020-01-14 16:56:19 · 3568 阅读 · 5 评论 -
webpack打包后,__dirname获取不到所在路径
在用webpack打包node的后台工程后,会出现通过__dirname获取不到文件所i在路径或者为空字符串的情况,这时候只需要在webpack配置文件webpack.confg.js中将node字段设置成如下即可:module.exports = { node: { __dirname: false }}为什么要这么设置呢,可以查看webpack官网关于配置文件...转载 2020-01-10 14:48:27 · 3518 阅读 · 0 评论 -
webpack打包的输出文件加上package.json记录的version版本号注释
我们在webpack打包js文件时,为了方便校对输出的生产文件的版本,我们最好在输出的文件头部加上版本号注解,在package.json中有一个version字段记录我们整个node项目的版本号,那么我们如何将这个版本号加在webpack输出文件的注释上呢?完成效果如图:添加注释可以用到webpack自带的BannerPlugin插件,然后在webpack.config.js中引入packag...原创 2020-01-08 15:25:52 · 4856 阅读 · 0 评论 -
webpack 打包警告:The 'mode' option has not been set
webpack升级到4之后,有许多坑要踩,其中一个就是打包的时候会多出一条警告:这是因为webpack官方在4中新增了: mode 配置选项,告知 webpack 使用相应模式的内置优化。可配置的值是production、development 和 none,默认为production。解除以上警告有两种方法:1,在package.json中修改在package.json的scripts...原创 2020-01-08 14:59:31 · 629 阅读 · 0 评论