webpack
文章平均质量分 58
周家大小姐.
这个作者很懒,什么都没留下…
展开
-
webpack5 使用node调试
有时候在开发的时候查看代码走势很不方便我们可以用Node进行调试webapck.json//inspect为调试 -brk为在道行打个断点的意思 运行webpack指令加载cli文件运行npm run debug原创 2022-11-25 11:01:38 · 404 阅读 · 0 评论 -
webpack5 打包小于10KB的转为base64大于10KB才请求
需求:webpack打包小于10KB的转为base64大于10KB才请求。webpack.config.js文件。在 module:下加入。原创 2022-11-14 15:05:38 · 393 阅读 · 0 评论 -
vue 配置打包时间
vue.config.js chainWebpack(config) { config.plugin('html').tap(args => { const date = new Date() args[0].createDate = date return args })index.html <meta name="time" content="<%= htmlWebpackPlugin.options.crea..原创 2021-03-19 14:30:23 · 1363 阅读 · 0 评论 -
Cannot find module ‘webpack-cli/bin/config-yargs 热更新失败
PS D:\myProject\webpack4> webpack-dev-server --config=config/webpack.dev.jsinternal/modules/cjs/loader.js:605 throw err; ^Error: Cannot find module 'webpack-cli/bin/config-yargs' at Function.Module._resolveFilename (internal/modules/cjs/...原创 2020-11-17 20:27:06 · 599 阅读 · 0 评论 -
webpack 4 环境安装及webpack配置
目录webpack环境安装webpack配置github详细代码地址:https://gitee.com/CarrieProject/weback4_configurationwebpack环境安装创建webpack-course文件 在这个webpack-course文件里创建3个文件 mkdir src dist configls 查看是否创建成功g...原创 2018-11-17 22:16:04 · 1223 阅读 · 0 评论 -
webpack One CLI for webpack must be installed. These are recommended choices, delivered as separate
运行webpack打包的时候出现: 直接按照提示安装 提示Module webpack-cli 不存在解决方案为:依然是需要全局安装webpack-clinpm -i webpack-cli -g 或者 npm install webpack-cli 在项目里再做一个本地安装:npm -i webpack -D 或者 npm install webpack -D...原创 2018-11-17 16:36:11 · 437 阅读 · 0 评论 -
简化webpack-dev-server --inline --port 8088
打开package.json它的script字段其实可以用来执行一些脚本和命令我们把下面的test改一下//mac 和nliux的配置开始再配置一个webpack开发工具,不会让它加载加开工具://mac 和nliux的配置结束//windows配置开始//windows配置结束保存后在git输入npm run 这是Npm执行他自己的方式 比如果执行...原创 2018-03-17 00:28:51 · 2151 阅读 · 0 评论 -
webpack对icon-font和图片的处理
在module:的模块引用下的loaders里加上url模块再初始化一下成功后可以在package.json中看到安装的版本之后我们在创建一个images测试下mv 代表原文件 ../true2.jpg代表原路径,放在新路径的src/image下可以看见Image文件中有了一个图片有了这个图片;我们可以把它当背景在index.css中引用执行we...原创 2018-03-16 17:38:02 · 1919 阅读 · 0 评论 -
webpack-dev-server的安装
webpack-dev-server是一个小型的Node.js Express服务器,它使用webpack-dev-middleware来服务于webpack的包,除此自外,它还有一个通过Sock.js来连接到服务器的微型运行时.注意:webpack-dev-server是一个独立的NPM包,你可以通过npm install webpack-dev-server来安装它.发现报错了;原因是...原创 2018-03-16 23:16:39 · 22977 阅读 · 0 评论 -
vue中的config.json配置详解
在package.json里,会介绍项目名称、版本、描述、作者、脚本、依赖包,对环境的要求,以及对浏览器要求。 {"name": "first","version": "1.0.0","description": "A Vue.js project","author": "carrie <164591357@qq.com&原创 2018-05-02 17:56:31 · 8072 阅读 · 0 评论 -
vue中webpack.dev.conf.js:和webpack.base.conf.js,
'use strict'const utils = require('./utils')// 工具类const webpack = require('webpack')// 获取配置文件中默认的配置const config = require('../config')const merge = require('webpack-merge')// 使用webpack配置合并插件...原创 2018-05-03 09:36:14 · 5786 阅读 · 0 评论 -
webpack 单入口和多入口处理方式
单入口:多入口可以把entry变成对象方式:但在这里有一个问题 ;因为有两个入口;但只有一个出口;所以在app.js中只有一个login结果;所以我们要动态的去处理出口多出口方法:把filename:下的app.js改成[name].js这样就会按照原文件的名字打包到dist目标文件下;再到git下输入webpack打包结果如下:...原创 2018-03-15 23:41:26 · 8385 阅读 · 0 评论 -
webpack对html模版的处理
1.首先我们要加公共的base.js加载进来;现把公共的css加载进来在浏览中打开;发现成功加载加载进来其实并不是正直的解决问题 ;问题是在于;我们的html是在我们定义的文件夹下;并不是在dist下: 我们发布的时候只会发dist;还有就是如果那么多版本,不可能每个版本都手写<link rel="stylesheet" href="../../dist/css/...原创 2018-03-16 12:46:08 · 13708 阅读 · 1 评论 -
webpack创建js
webpack官网创建webpack路径,把./src/page/index/index.js目标放置在dist文件的app.js中;(创建出来的)我们在mmall-fe\src\page\index文件下创建了Js当前想把index.js 放置为mmall文件的新建dist文件下;并取名为app.js现在运行以下命令,然后看看你的脚本别名是否正常运行:以下表示成功再看...原创 2018-03-14 22:32:24 · 283 阅读 · 0 评论 -
配置webpack.config.js
在文件的根目录下配置webpack.config.js打开命令行;在根目录下执行webpack原创 2018-03-15 23:15:18 · 1634 阅读 · 0 评论