webpack
苏喂苏喂苏喂su
这个作者很懒,什么都没留下…
展开
-
vue打包生成zip压缩包
安装插件:cnpm install filemanager-webpack-plugin --save-devcnpm install filemanager-webpack-plugin --save-dev在build/webpack.base.conf.js在module.exports加入plugins: [ new FileManagerPlugin({ onEnd: { delete: [ './dist/mydem原创 2020-11-13 11:17:32 · 2395 阅读 · 0 评论 -
require.context笔记
require.context是webpack的一个api,用于实现前端工程自动化用于自动引入指定文件夹里的指定文件require.context接收3个参数:require.context('./test', false, /.test.js$/)第一个参数是文件的路径第二个参数为是否读取文件夹的子目录第三个参数是匹配文件的正则require.context执行后返回一个...原创 2019-12-20 17:20:18 · 196 阅读 · 0 评论 -
webpack4配置多个入口示例
1、使用数组:示例: entry: { main: [ "./src/main.js", "./src/pageTwo/index.js" ] },2、对象语法:官方示例:entry: { pageOne: './src/pageOne/index.js', pageTwo: ...原创 2019-07-18 11:41:06 · 3505 阅读 · 0 评论 -
webpack4配置favicon网页图标方法
step1:安装html-webpack-plugin 模块cnpm install html-webpack-plugin --savestep2:在config/webpack.dev.js中引入:const HtmlWebpackPlugin = require('html-webpack-plugin');step3:在插件中配置好ico的路径plu...原创 2019-07-19 11:13:29 · 3008 阅读 · 0 评论 -
webpack4相关的配置与指令
1、打包指令:webpack --config=config/webpack.dev.js注意:指令中右边部分:config/webpack.dev.js,是webpack的配置文件,不一定是这样写,需要根据配置文件的路径以及文件名称来写。2、开启本地服务webpack-dev-server --config=config/webpack.dev.js注意:指令中右边部分:...原创 2019-07-19 21:01:21 · 313 阅读 · 0 评论 -
webpack4配置babel的时候报错:Cannot find module '@babel/core'
错误信息如下:问题原因:babel-core的版本不对babel-loader 8 对应的 babel-core版本为:7解决办法:卸载babel-core重新安装npm un babel-core然后重新安装:cnpm i -D @babel/core然后重新启动服务即可!亲测可行!...原创 2019-07-19 22:33:16 · 15221 阅读 · 0 评论 -
webpack4配置babel
step1:本地安装:babel-core、babel-plugin-transform-es2015-arrow-functions、babel-loadercnpm install babel-core babel-plugin-transform-es2015-arrow-functions babel-loader -SPS:babel-loader @8 对应的 b...原创 2019-07-19 22:55:15 · 427 阅读 · 0 评论 -
webpack4 打包时报错:Invalid configuration object.
报错信息:Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.- configuration.mode should be one of these: "development" | "pro...原创 2019-07-17 21:11:03 · 2076 阅读 · 0 评论 -
webpack4配置热更新
目录step1:step2:step3:step1:在文件夹中创建3个文件夹,分别是:src、dist、config 然后在src下创建一个main.js 在dist下创建一个index.html 在config下创建一个webpack.dev.js 使用命令行,进入当前文件夹,输入:npm init -y,系统会生成一个webpack.json文件,并且有相关的...原创 2019-07-17 22:18:03 · 2680 阅读 · 0 评论