![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端工程化
江湖与天涯
逆流而上
展开
-
webpack5下打包配置,包含css,less,sass,图片,js,其他文件
webpack.config.jsconst { resolve } = require('path')const HtmlWebpackPlugin = require('html-webpack-plugin')const MiniCssExtractPlugin = require('mini-css-extract-plugin')const OptimizeCssAssetsWebpackPlugin = require('optimize-css-assets-webpack-pl.原创 2022-02-20 11:49:41 · 1036 阅读 · 0 评论 -
npm i, npm install, npm i -S, npm i -D的异同
这四个命令都是npm包管理器中对依赖进行下载的命令npm i 在这之前很多朋友都说它是npm install的缩写,但是查阅相关资料之后发现这两者压根就是不同的两个命令,通过npm i下载的包不能通过npm uninstall卸载,必须使用npm unistall i 才能够卸载;npm i会帮助检测与当前node最匹配的npm 版本号,并匹配出相应npm包应该升级的版本号;npm i 安装的一些包,在当前node版本下是无法使用的,必须使用建议版本才行;npm i 安装报错不会生成np.原创 2022-02-11 11:01:49 · 6538 阅读 · 0 评论 -
vue项目中定义全局变量并使用(无需在使用处二次引入)
先上代码//需要引入:const webpack = require('webpack')const path = require('path')chainWebpack: config => { const oneOfsMap = config.module.rule('less').oneOfs.store oneOfsMap.forEach(item => { item .use('sass-resources-loader')原创 2021-11-13 17:05:12 · 1078 阅读 · 0 评论 -
webpack打包配置流程记录
1.首先进入项目文件中运行下面的命令npm init -y2.运行下面命令进行全局安装npm i webpack webpack-cli -D这里有个注意点当带上 webpack-cli的时候可能会报错,可直接运行npm i webpack -D命令3.新建webpack.config.js配置文件(根目录下) ,加上下面的配置module.exports = { mode:“development” //这是定义打包格式}4.在package.j...原创 2020-09-17 01:11:26 · 287 阅读 · 0 评论