![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
Steven--Lee
这个作者很懒,什么都没留下…
展开
-
快速查看当前node项目使用的依赖并生成图表
node项目快速查看依赖使用情况 命令 在打包的命令后边加一个--report参数 npm run build --report 示例 END原创 2019-12-09 23:28:26 · 4828 阅读 · 0 评论 -
webpack设置不打包文件
需求 要实现webpack打包后,一个全局配置文件不被打包。最终目的是我们可以在打包后的文件中修改这个文件(比如配置全局请求url前缀等等) 实现 1. 安装依赖 npm i copy-webpack-plugin -s 2. 引入依赖 需要在webpack配置文件中引用并配置。 const CopyWebpackPlugin = require('copy-webpack-plugin')...原创 2019-02-24 18:49:49 · 14614 阅读 · 0 评论 -
webpack打包时间优化
一、添加依赖位置 配置主要的webpack搜索文件的位置,(依赖的包文件主要是从node_module文件夹中查找,项目中自己编写的代码主要是在根目录的src目录下)。配置文件中加入以下代码即可 // webpack-config.js文件 resolve: { modules: [ resolve('src'), resolve('node_modules') ] } ...原创 2019-05-12 15:11:50 · 2154 阅读 · 0 评论 -
webpack打包名称优化
一个开发后期考虑的优化问题 一、问题描述 webpack项目打包默认名称是dist,每次打包之后都会将上一次打包的文件覆盖。 每次打完包想通过名称知道这个包的版本日期,且想保存下每日版本的包,怎么搞? 二、解决思路 1.打包文件覆盖问题 仔细看下以下配置代码你就明白了 // package.json "scripts": { "clean": "rimraf dist", "b...原创 2019-05-18 14:41:58 · 2505 阅读 · 0 评论 -
Webpack启用Sass编译
一、安装依赖 npm i sass-loader node-sass -D 二、webpack配置 module: { rules: [ { test: /\.scss$/, use: ['style-loader', 'css-loader', 'sass-loader'] } ] } webpack解析sass文件一共需要...原创 2019-06-02 17:32:19 · 1805 阅读 · 0 评论