- 博客(6)
- 收藏
- 关注
RSS订阅原创 5月5号~5月16号 webpack学习日记
一，soucrce-map 1.文件目录结构 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
216
原创 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
149
原创 3月28号 webpack学习日记 自定义loader
一.文件目录 二.自定义loader配置，（修改css内容） 1.先初始化自定义loader目录文件夹 npm init -y 2.安装自定义loader，指令npm install ./[name]-loader 3.配置文件 module.exports = function(csstext){ let csstext2 = csstext.replace(/background:.*;/g,function(match){ ret...
2022-05-29 21:22:57
446
原创 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
158
原创 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
251
原创 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-plugin 1....
2022-05-29 20:38:34
1104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人