前端开发

html-webpack-plugin插件生成多个html页面引入不同的js文件

2020-09-01160次阅读webpack
webpack中html-webpack-plugin插件生成多个html页面,引入不同的js文件。只要在插件配置文件中加入:chunks:["入口文件名"]即可,如果不加的话,会在生成的html页面中引入所有的入口文件。
前端开发

html-webpack-injector在文档不同的地方注入脚本

2020-08-18159次阅读webpack
html-webpack-injector在一个html文档不同的位置如head、body处注入脚本,依赖HtmlWebpackPlugin的chunks属性。
前端开发

node-portfinder自动检测当前端口是否被占用如占用会返回新端口

2020-08-13184次阅读nodewebpack
node-portfinder自动检测当前端口是否被占用,如占用默认会返回最新端口。portfinder默认为8000端口,并扫描是否被占用,如占用递增+1为8001、8002、8003.。。。直到达到最大端口号(65535)。所以webpack-dev-server结合node-portfinder会启用多个端口。
前端开发

require图片显示[object module]

2020-08-13132次阅读webpack
require('./images/title.png').default即可
前端开发

webpack-dev-server 0.0.0.0无法访问

2020-08-0789次阅读webpack
webpack-dev-server 0.0.0.0无法访问,删除 host: '0.0.0.0',添加useLocalIp: true使浏览器可以使用您的本地IP打开。
前端开发

html-webpack-inline-source-plugin中Cannot read property 'tapAsync' of undefined错误

2020-08-07135次阅读webpack
html-webpack-inline-source-plugin中Cannot read property 'tapAsync' of undefined错误,试试把html-webpack-plugin换为4以下的版本试试。
前端开发

cross-env跨平台地设置及使用环境变量的工具

2020-07-30137次阅读webpack
process是node的全局变量,并且process有env这个属性,但是没有 NODE_ENV 这个属性。这时我们需要用到cross-env跨平台地设置及使用环境变量的工具,将process.env.NODE_ENV的值与启动命令行结合了起来。
前端开发

webpack处理html中img图片引入问题

2020-07-29157次阅读webpack
webpack在管理模块,处理各种资源上都是无往不利,但唯独在处理html上比较困难,不识别html中img标签src引入的图片。
前端开发

ERROR Invalid options in vue.config.js: "baseUrl" is not allowed

2020-03-13345次阅读webpack
在vue-cli.3.2.0版本后 baseUrl被废除了,因此这边要写成 publicPath。
前端开发

图片压缩工具imagemin

2019-08-201295次阅读gulpwebpack
imagemin相比于一些在线工具或者App,自己写脚本更灵活一些。程序很简单,分别针对 JPG、PNG、SVG安装加载相应的插件就好。