随笔分类 -  webpack

摘要:Vue/cli4.0 配置属性——css.sourceMap 设置是否开启 css 的 sourse map功能。 css 的 sourse map作用类似与 js 的 sourse map。 注意:开启可能会影响构建性能。 module.exports = { // css相关配置 css: { 阅读全文
posted @ 2022-03-06 11:57 南风晚来晚相识 阅读(185) 评论(0) 推荐(0) 编辑
摘要:vue.config.js的简单介绍 vue.config.js 是一个可选的配置文件, 在项目的 (和 package.json 同级的) 根目录中存在这个文件。 默认情况没有这个文件需要我们手动去创建这个文件的哈 那么它会被 @vue/cli-service 自动加载。 module.expor 阅读全文
posted @ 2022-03-05 16:12 南风晚来晚相识 阅读(1480) 评论(0) 推荐(1) 编辑
摘要:出现node与npm版本不一致 今天我升级了node之后,出现的了如下信息 npm WARN npm You should probably upgrade to a newer version of node as we npm WARN npm can't make any promises t 阅读全文
posted @ 2022-02-02 22:26 南风晚来晚相识 阅读(8233) 评论(0) 推荐(0) 编辑
摘要:查看vue/cli的配置 vue的脚手架隐藏了所有的webpack相关的配置,若是想要查看webpack的配置 你可以去执行 vue inspect > output.js 这样就可以查看它的配置; 执行后,需要等待几秒钟。 会输出一个output.js文件 entry: { app: [ './s 阅读全文
posted @ 2021-10-28 21:35 南风晚来晚相识 阅读(403) 评论(0) 推荐(0) 编辑
摘要:场景描述 在package.json这个文件中,我们经常可以看见这样的信息 但是我们很少注意的是 版本前面的 ^ 到底是什么意思 今天我们就来讲一下(端好小板凳) "dependencies": { "axios": "0.21.0", "core-js": "~3.6.5", "echarts": 阅读全文
posted @ 2020-11-19 23:24 南风晚来晚相识 阅读(5233) 评论(2) 推荐(1) 编辑
摘要:在项目下新增vue.config.js文件 module.exports={ productionSourceMap: false, publicPath: process.env.NODE_ENV 'production' ? '././' : './', } 阅读全文
posted @ 2020-10-20 13:50 南风晚来晚相识 阅读(498) 评论(0) 推荐(0) 编辑
摘要:#####安装依赖; cnpm i sass-loader -D cnpm i node-sass -D node-sass尽量去使用cnpm去安装 创建index2.scss文件 div { h2 { background: pink; } } ####在main.js中引入 import "./ 阅读全文
posted @ 2020-10-05 11:33 南风晚来晚相识 阅读(1477) 评论(0) 推荐(0) 编辑
摘要:01==》devDependencies用于本地环境开发时候所需要的依赖包。 上线后就不在需要了; npm i webpack-cli -D --save-dev等价为-D 意思是安装到开发环境中去;项目上线后就不在使用了 也就是package.json中的 devDependencies这个下面, 阅读全文
posted @ 2020-10-03 18:58 南风晚来晚相识 阅读(437) 评论(0) 推荐(0) 编辑
摘要:在网上查找了很多的资料。 都没有好的资源 因为我现在在项目是vuecli3.0 需要自己去创建文件 在项目的根目录下,创建一个文件vue.config.js 然后在该文件下写 const webpack = require("webpack"); const path = require("path 阅读全文
posted @ 2020-04-19 22:05 南风晚来晚相识 阅读(355) 评论(0) 推荐(0) 编辑
摘要:比如 我要请求的地址是https://edu.51cto.com/center/seckill/index/get-seckill-data 首先去 config ==> index.js 添加 proxyTable: { // 路由接口代理配置 "/api": { target: "https:/ 阅读全文
posted @ 2019-11-23 17:23 南风晚来晚相识 阅读(184) 评论(0) 推荐(0) 编辑
摘要:vue/cli2.0 脚手架 在项目写完了之后, 运行npm run build --report可以看出这个项目的资源占比情况。可以看出整个项目哪一个资源在整个项目占比最大。它会自动打开一个可视化的页面,看看你的哪一个资源占比最大 其中monent.js这个库占比还是比较大的。使用(date-fn 阅读全文
posted @ 2019-11-23 17:20 南风晚来晚相识 阅读(1388) 评论(0) 推荐(0) 编辑
摘要:在调用loader的时候 都是从右往左进行加载的哦 //下面是现在学的webpack的配置文件哦 const path = require("path"); //路径模块 //第2中方式配置webpack const webpack = require("webpack"); // 只要是webpa 阅读全文
posted @ 2019-08-29 23:17 南风晚来晚相识 阅读(167) 评论(0) 推荐(0) 编辑
摘要:本节 loader配置处理css样式 在src下新建css文件夹 在css下创建index.css 在main.js这个入口文件中 引入js模块 和 css杨思表是不同的 在main.js文件中 import './css/index.css' 注意:webpack默认只能打包处理JS类型的文件 无 阅读全文
posted @ 2019-08-29 23:16 南风晚来晚相识 阅读(253) 评论(0) 推荐(0) 编辑
摘要:<!-- 15 html-webpack-plugin的2个作用 下载 cnpm i html-webpack-plugin -D 作用在==>内存中生成页面 可以在package.json中去查看是否有 在webpack中 导入在内存中生成的HTML页面的插件 // 只要是webpack的插件 都 阅读全文
posted @ 2019-08-29 23:15 南风晚来晚相识 阅读(271) 评论(0) 推荐(0) 编辑
摘要:webpack-dev-server是webpack官方提供的一个小型Express服务器 使用它可以为webpack打包生成的资源文件提供web服务。 webpack-dev-server 主要提供两个功能:为静态文件提供服务自动刷新和热替换(HMR)安装命令: npm install --sav 阅读全文
posted @ 2019-08-29 23:13 南风晚来晚相识 阅读(217) 评论(0) 推荐(0) 编辑
摘要:<!-- 如何添加npm run dev 启动程序 下载 npm install --save-dev webpack-dev-server 下载 npm i webpack-cli -D 说明一下:--save-dev等价为-D 意思是安装到开发环境中去; 也就是package.json中的 de 阅读全文
posted @ 2019-08-29 23:11 南风晚来晚相识 阅读(195) 评论(0) 推荐(0) 编辑
摘要:1安装webPack的方式 01==》 第一次全局安装 npm i webpack -g 第一次安装了之后以后就不需要在安装了 查看webpack的版本, webpack -V 我的版本是3.8.1 如果出现对应的版本, 你就不需要再次执行 npm i webpack -g 说明你已经安装过webp 阅读全文
posted @ 2019-08-26 22:35 南风晚来晚相识 阅读(279) 评论(0) 推荐(0) 编辑
摘要:.sass后缀的文件名 比较老了 现在它的后缀名是.scss 其实他们是同一个东西 只是 后缀名发生了变化 以 .sass写的文件的内容是 他没有括号 没有分号 有点怪 它跟新为了.scss 就有了花括号 和 逗号了 body color:red font-size:12px 字体文件有 .svg 阅读全文
posted @ 2019-08-26 22:22 南风晚来晚相识 阅读(154) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示