随笔分类 - 自动化构建工具gulp、webpack
发表于 2021-02-04 15:14阅读：1831评论：0推荐：0
摘要：简介：webpack5从0-1搭建项目 配置 ### 步骤 mkdir webpack5-demo cd webpack5-demo npm/cnpm init -y npm/cnpm install webpack webpack-cli -D ### 依照vue-cli脚手架新建好目录 ###
阅读全文 »
发表于 2020-08-30 23:25阅读：234评论：0推荐：0
摘要：// webpack 是基于nodejs的 // npx webpack 构建 // webpack的配置是对象 执行构建会找webpack.config.js这个配置文件 const path = require('path'); const { CleanWebpackPlugin } = re
阅读全文 »
发表于 2018-08-23 11:33阅读：645评论：0推荐：0
摘要：config/indexjs详解上代码: webpack.base.conf.js注解:
阅读全文 »
发表于 2018-05-13 18:43阅读：319评论：0推荐：0
摘要：
阅读全文 »
发表于 2018-03-28 23:40阅读：167评论：0推荐：0
摘要：gulpfile.js: var gulp = require("gulp"); var imagemin = require("gulp-imagemin");//压缩图片插件 var uglify = require("gulp-uglify"); //js压缩插件 var sass = require("gulp-sass"); //sass转换为css插件 var conc...
阅读全文 »
发表于 2018-02-09 12:34阅读：212评论：0推荐：0
摘要：消除未使用的CSS:安装PurifyCSS-webpack插件 cnpm i purifycss-webpack purify-css -D const glob = require('glob'); const PurifyCSSPlugin = require("purifycss-webpack"); plugins:[ new extractTextPlugin("css/ind...
阅读全文 »
发表于 2018-02-09 11:18阅读：466评论：0推荐：0
摘要：一、css文件打包到js中（loader的三种写法） 二、压缩JS代码（虽然uglifyjs是插件，但是webpack版本里默认集成，不需要再次安装。） "scripts": { "server":"webpack-dev-server" } 配置好保存后，在终端里输入 npm run server
阅读全文 »
发表于 2018-01-14 23:49阅读：734评论：0推荐：0
摘要：代码分割-CSS 要通过webpack打包CSS，像任何其他模块一样将CSS导入JavaScript代码，并使用css-loader（它输出CSS作为JS模块）， 并可选地应用ExtractTextWebpackPlugin（它提取打包的CSS并输出CSS文件）。 导入CSS 使用 css-loader 在 webpack.config.js 中配置 css-loader , 如下: modul...
阅读全文 »
发表于 2018-01-12 11:19阅读：432评论：0推荐：0
摘要：webpack 是一个现代的 JavaScript 应用程序的模块打包器(module bundler) 四个核心概念： ------------------------------------------------------------------------------------------------ 入口(Entry)： webpack 将创建所有应用程序的依赖关系图表(depen...
阅读全文 »
发表于 2017-11-23 14:17阅读：217评论：0推荐：0
摘要：npm install --save / npm install -S 项目发布上线之后还会依赖用到的插件，没有这些插件，项目不能运行 npm install --save-dev / npm install -D 安装到开发依赖中，项目上线之后不会用到的插件 src是源码文件,用于开发环境 dis
阅读全文 »
