webpack记录

最新推荐文章于 2022-08-08 23:51:56 发布
最新推荐文章于 2022-08-08 23:51:56 发布
阅读量99 收藏
点赞数 1
分类专栏： JS 文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33576343/article/details/82963976
版权
  • css/sass...中可以使用 '~@' 访问 'assets'中的文件（都可使用 alias 'src', js中使用 '@'，css中使用 '~@'，效果与 require('@/assets/')类似）

 

欢迎关注、点赞

LesterWeng
关注
专栏目录
干净的llinux环境中安装webpack记录
EMMA_1986的博客
07-26 716
webpack -v产看是否有webpack 确保没有安装过 出现的问题，开始逐步分析解决 先尝试本地安装 对于大多数项目，建议使用本地安装 npm install --save-dev webpack npm install --save-dev webpack@<version> 尝试配置淘宝源 安装本地webpack 1. 创建一个 webpack-demo 项目 mkdir webpack-demo 2. 先进入目录 cd webpack
Webpack记录
三岁打酱油的博客
11-16 173
Webpack是什么 webpack是一种模块化的打包方法，每一个文件都是一个模块使用id关联。它比grunt/gulp要强大很多，所以在很多项目中已经替代了其他的打包工具。 开始使用Webpack 1、安装(需要先安装node,npm) // 全局安装 (一般选择全局安装) npm install -g webpack // 安装到项目路径 npm install --save-dev web...
webpack学习记录
fangqi20170515的博客
08-08 323
Webpack是一个静态资源打包工具。它会以一个或多个文件作为打包的入口，将我们整个项目所有文件编译组合成一个或多个文件输出出去。我们将 Webpack 输出的文件叫做bundle。开发模式：仅能编译 JS 中的 ES Module 语法生产模式：能编译 JS 中的 ES Module 语法，还能压缩 JS 代码。........................
webpack踩坑记录
baiqin5390的博客
07-14 151
npm i babel-loader babel-core babel-preset-es2015 babel-plugin-transform-runtime -D node_modules\.bin\webpack-dev-server 使用webpack-dev-server 要用反斜杠 webpack.config.js配置文件 const path = requir...
使用webpack报错记录
Vanllen_moon的博客
04-08 578
1.打包html资源时报错：TypeError: Cannot read property ‘thisCompilation’ of undefined at CommonJsChunkFormatPlugin.apply 查阅资料后，经尝试 降低compression-webpack-plugin版本，更新extract-text-webpack-plugin，均无法解决。 经尝试修改版本后得到解决，以下为修改后的版本号： （打开package.json可看到版本号） 执行的命令为： npm i we
webpack完整记录
haliofwu的专栏
10-18 825
碎碎念: 之前一直在csdn.总觉得csdn氛围不太好,但是因为懒嘛,一直没有迁移.今天波特问我,是否可将我的csdn账号借给他下点东西.我记得我csdn好几千积分的.结果一看,现在积分不能下载了,要靠c币.c币是什么呢?一个c币=300阅读量.这就算了,还有过期机制.一段时间没用,就给清零了…这已经强制大家充币赚钱了…所以,果然是要倒闭了么. 正文 webpack入门文章 webpack入...
webpack dll优化记录
qq_21476953的博客
07-05 208
webpack dll优化记录 1、编写dll打包配置 // webpack.dll.js const path = require('path'); const webpack = require('webpack'); console.log('webpack dll start...') const dllPath = path.join(__dirname, 'dll'); module...
webpack个人笔记记录
weixin_54241625的博客
04-25 1347
webpack5 HMR 热模块替换，一个模块发生变化，只会重新打包这个模块，不是重新打包所有 这里webpack5是自动开启的HMR， 一般是在devlopment 模式下使用热更新来调试， 注意点, 在处理css，或者less文件的时候 用style-loader, 才能在源文件内修改样式，从而界面发生改变 { test: /\.css$/, use: ['style-loader',"css-loader"], }, { tes
学习webpack记录(一)
前端小贤
03-06 233
1.首先遇到一个坑：webpack hello.js hello.bundle.js 报错原因：webpack 4.1.0版可能不支持这种写法，换成webpack 3.8.1  转换成功！2.打包的时候，文件以数组的形式放在hello.bundle.js中3.require（js文件）可以打包，但是require(css文件)报错原因是没有相关的loader: css-loader : webpa...
webpack跨域问题记录
lianwenxiu的博客
10-28 247
1.可以用webpack模拟数据 index.js let xhr = new XMLHttpRequest(); // http://localhost:8081 webpack-dev-server的服务 -> 3000 xhr.open('GET', '/user', true); xhr.onload = function(){ console.log(xhr.resp...
webpack-gulp-logger:gulp 的 webpack 记录器
05-29
npm install --save webpack-gulp-logger 用法 var gulp = require ( 'gulp' ) ; var webpackConfig = require ( './webpack.config' ) ; var webpackLogger = require ( 'webpack-gulp-logger' ) ; gulp . task ...
详解webpack多页面配置记录
11-29
之前也写过webpack学习记录，项目中需要一个常用的webpack多页面配置，所以才动手，本着能写一行是一行的原则，开始了配置webpack之旅。 定目录结构 首先我只需要开发环境（包含自动更新）和打包环境，初定的目录...
一次Webpack配置文件的分离实战记录
12-09
前端自动化构建工具的出现，为前端人员带来了项目构建上的福音，成为每个前端工程师必回的技术栈，目前比较流行的Webpack以万物皆模块的思想构建我们的前端项目，同样也是笔者正在使用的一个前端自动化构建工具。...
js 事件中的target、currentTarget及事件委托
NewWent的博客
07-03 7134
1. target: 只位于其事件流的目标阶段；指向事件发生时的元素 2. currentTarget: 可位于捕获、冒泡和目标阶段；始终指向绑定事件的元素 （如div>ul>li结构，事件委托在div上，target可能为三者之一， 而currentTarget始终为div） 3. 事件委托：将事件绑定在父级元素上，利用事件的冒泡，以达到只绑定一个事件而能监听所有子...
浏览器兼容性问题（IE9+;PC）
NewWent的博客
09-06 4178
HTML/CSS 1. 默认margin、padding不一致 * {margin: 0;padding: 0;} 2. css3的animation IE9不支持 3. display: flex IE9不支持；IE10部分支持，使用display: ms-flexbox flexbugs@github IE10下，justify-content对...
阻止浏览器对html的缓存
NewWent的博客
12-20 4078
问题由来：版本更新后，项目打包上线，打包后的js、css等静态资源的名称已变化（打包工具），不必担心它们的缓存，而html文件未改变（如index.html），浏览器仍会使用缓存的html文件，导致各种错误   1. 后端设置get请求的response请求头 response.setDateHeader("Expries", -1); response.setHeader("Cache-...
js 函数声明提升和变量声明提升
NewWent的博客
08-06 3615
1. 函数声明提升 func() function func () { } 上例不会报错，正是因为 ‘函数声明提升’，即将函数声明提升（整体）到作用域顶部（注意是函数声明，不包括函数表达式），实际提升后结果同下： // 函数声明提升 function func () { } func() 2. 变量声明提升（只有var声明的变量才有变量提升，let、const无；变量赋值无提升） ...
MacOS Safari内嵌第三方iframe无法创建cookie
NewWent的博客
04-23 3034
问题由来 默认情况下，Safari会允许来自您访问的网站的Cookie，但会阻止可能嵌入在这些网站中的第三方内容在您的计算机上存储Cookie。 解决方案 由于问题是跨域导致，故可将子页面代理到父页面相同域名下 父页面生成token，通过query传递到子页面，子页面请求携带token进行认证 进入父页面先redirect到子页面生成cookie，再redirect回到父页面 ...
js 事件（绑定、解绑、三个阶段、相关方法）
NewWent的博客
07-03 2631
事件绑定与解绑： DOM0级事件(这类事件可以使用 return false来阻止事件往下执行，包含默认事件) 绑定： html内<inputonclick=''> js中el.onclick='' 解绑： el.onclick = null DOM2级事件（三个参数：事件名称，要分配的函数和处理函数是用于冒泡阶段(false)还是捕获阶段(true)，默认为冒泡...
webpack配置与打包解析
"这篇文档主要介绍了webpack的打包过程以及在配置过程中遇到的问题，包括如何设置entry、output以及解决路径解析的问题。" 在JavaScript开发中，webpack是一个强大的模块打包工具，它可以将多个分散的模块文件合并...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值