- 博客(6)
- 收藏
- 关注
RSS订阅原创 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
186
原创 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
119
原创 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
399
原创 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
120
原创 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
195
原创 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
1055
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人