webpack
JadeFlicker
随性\随意\随缘,编程/编码/编译
展开
-
webpack11.压缩css
const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const OptimizeCssAssetsWebpackPlugin = require('optimize-css-assets-webpack-plugin') // 设置nodej原创 2021-05-05 16:51:06 · 74 阅读 · 0 评论 -
webpack10.css兼容性处理
const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); // 设置nodejs环境变量 // process.env.NODE_ENV = 'development'; module.exports = { entry: './src/js原创 2021-05-05 16:50:20 · 80 阅读 · 0 评论 -
webpack09.提取css成单独文件
const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); module.exports = { entry: './src/js/index.js', output: { filename: 'js/built.js', p原创 2021-05-05 16:49:26 · 100 阅读 · 0 评论 -
webpack07.devServer
const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './src/index.js', output: { filename: 'built.js', path: resolve(__dirname, 'build') }, module: { rules: [ {原创 2021-05-05 16:46:41 · 55 阅读 · 0 评论 -
webpack06.打包其他资源
const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './src/index.js', output: { filename: 'built.js', path: resolve(__dirname, 'build') }, module: { rules: [ {原创 2021-05-05 16:45:37 · 49 阅读 · 0 评论 -
webpack04.打包html资源
/* loader: 1. 下载 2. 使用(配置loader) plugins: 1. 下载 2. 引入 3. 使用 */ const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './src/index.js', output: { filename: 'built.js', p原创 2021-05-05 16:43:12 · 61 阅读 · 0 评论 -
webpack03.打包样式资源
/* webpack.config.js webpack的配置文件 作用: 指示 webpack 干哪些活(当你运行 webpack 指令时,会加载里面的配置) 所有构建工具都是基于nodejs平台运行的~模块化默认采用commonjs。 */ // resolve用来拼接绝对路径的方法 const { resolve } = require('path'); module.exports = { // webpack配置 // 入口起点 entry: './src/原创 2021-05-05 16:41:21 · 64 阅读 · 0 评论 -
webpack插件——uglifyjs-webpack-plugin
该插件用来处理js文件 配置 test 检验文件是否符合JS压缩 type:String|RegExp|Array<String|RegExp> Default: /\.js(\?.*)?$/i include 使用压缩包含的文件 type:tring|RegExp|Array<String|RegExp> Default: undefined exclude ...原创 2019-11-24 17:33:06 · 990 阅读 · 0 评论