webpack
webpack打包工具
furfur-jiang
你若盛开,清风自来
公众号:程序江
展开
-
webpack生产环境基本配置
webpack.config.js const { resolve } = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const OptimizeCssAssetsWebpackPlugin = require('optimize-css-assets-webpack-plug...原创 2020-04-15 11:53:46 · 122 阅读 · 0 评论 -
webpack4开发环境的最基本配置
webpack.config.js /* 开发环境配置:能让代码运行 运行项目指令: webpack 会将打包结果输出出去 npx webpack-dev-server 只会在内存中编译打包,没有输出 */ const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-...原创 2020-04-15 11:00:15 · 107 阅读 · 0 评论 -
webpack:提取css成单独文件(mini-css-extract-plugin)
下载mini-css-extract-plugin npm i mini-css-extract-plugin -D webpack.config.js 修改 2.1 引入插件,const MiniCssExtractPlugin = require('mini-css-extract-plugin'); 2.2 MiniCssExtractPlugin.loade取代style-loa...原创 2020-04-15 10:55:19 · 1639 阅读 · 0 评论 -
webpack的css兼容性处理配置(postcss:postcss-loader postcss-preset-env)
css兼容性处理:postcss --> postcss-loader postcss-preset-env 下载postcss-loader postcss-preset-env两个插件 npm i postcss-loader postcss-preset-env -D webpack.config.js文件内配置 const { resolve } = require('pa...原创 2020-04-15 10:49:43 · 4325 阅读 · 19 评论 -
webpack报错2 ERROR in Entry module not found
解决2: 报错如下 ERROR in Entry module not found: Error: Can't resolve ' src/index.js' in 'D:\00-学习笔记\06-vue\vuecode\webpack\webpack01' ERROR in multi (webpack)-dev-server/client?http://localhost:3000 src/...原创 2019-10-26 10:38:50 · 348 阅读 · 0 评论 -
webpack报错1:configuration.mode should be one of these: "development" | "production" | "none"
解决1: 报错如下 × 「wds」: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration.mode should be one of these: ...原创 2019-10-26 10:27:50 · 3067 阅读 · 0 评论