![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack项目
Extremetr_7
这个作者很懒,什么都没留下…
展开
-
5月5号~5月16号 webpack学习日记
一,soucrce-map1.文件目录结构2.webpack.config.js配置文件const path = require("path");const HtmlWebpackPlugin = require("html-webpack-plugin");const MiniCssExtractPlugin = require("mini-css-extract-plugin");const webpack = require("webpack");const m = 'pr.原创 2022-05-29 22:08:35 · 173 阅读 · 0 评论 -
3月31号~4月25号 webpack学习日记
一.样式分离1.文件目录2.配置文件const MiniCssExtractPlugin = require('mini-css-extract-plugin');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports={ entry:'./src/app.js', output:{ clean:true, filename:'bundle.js'原创 2022-05-29 22:00:02 · 104 阅读 · 0 评论 -
3月28号 webpack学习日记 自定义loader
一.文件目录二.自定义loader配置,(修改css内容)1.先初始化自定义loader目录文件夹 npm init -y2.安装自定义loader,指令npm install ./[name]-loader3.配置文件module.exports = function(csstext){ let csstext2 = csstext.replace(/background:.*;/g,function(match){ ret...原创 2022-05-29 21:22:57 · 381 阅读 · 0 评论 -
3月3号~3月21号 webpack学习日记 loader
2.配置文件代码module.exports ={ entry : './src/index.js', output:{ filename: 'bundle.js', }, mode: 'development', module:{ rules:[{ test:/\.css$/, use:['style-loader','css-loader'],原创 2022-05-29 21:02:01 · 105 阅读 · 0 评论 -
2月28号 webpack学习日记 多文件打包
1.文件目录2.webpack.config.js文件const path = require("path/posix");module.exports ={ entry : { a:'./a.js', b:'./b.js' }, output:{ //filename: '[chunkhash].js', filename: '[id].js', Path:path.j原创 2022-05-29 20:54:33 · 187 阅读 · 0 评论 -
5月29号学习 webpack配置文件
1.将入口文件指定为src目录下的index.js文件,且命名该chunkName为“app”。2.指定默认的资源请求目录为:/。3.指定输出目录为:js/[name].js 。4.启用source map。5.在配置文件中定义一个环境变量:ENV,向项目中的JS程序传递你设置的打包模式。6.开发一个自定义的loader ,并安装到项目中。7.启用动态输出HTML插件,指定生成的HTML文件的title为“儿童益智网”。8.mini-css-extract-plugin1....原创 2022-05-29 20:38:34 · 1036 阅读 · 0 评论