/**作用域分析treeshaking */
const webpackdeepscopeanalysisplugin = require('webpack-deep-scope-plugin').default;
const path = require('path');
const glob = require('glob');
/*css 樣式表處理部分的外掛程式 */
// css treeshaking
const purifycssplugin = require('purifycss-webpack');
//提取css
const minics***tractplugin = require('mini-css-extract-plugin');
// html 外掛程式
const htmlwebpackplugin = require('html-webpack-plugin')
/**生產 / 開發 環境區分 */
const merge = require("webpack-merge");
//merge() 函式用於合併兩個物件或者陣列內容到第乙個陣列。
const ar** = require('yargs-parser')(process.ar**.slice(2));
// 獲取全域性變數的狀態
//沒有的話就是開發環境
const _mode = ar**.mode || "development";
const _modeflag = (_mode || "production" ? true : false);
// 引入分支檔案中寫的內容
const _mergeconfig = require(`./webpack-config/webpack.$.js`)
// 清空dist資料夾的外掛程式
const cleanwebpackplugin = require('clean-webpack-plugin');
const webpackconfig =
res.json()})}
},optimization: }},
runtimechunk:
},module:
},// ,]}
]},
plugins: [
new webpackdeepscopeanalysisplugin(),
new minics***tractplugin(),
new htmlwebpackplugin(),
// new purifycssplugin(),
new cleanwebpackplugin(),
],}//分支檔案和主檔案合併分支
module.exports = merge(_mergeconfig, webpackconfig);
複製**
module.exports =
}複製**
module.exports =
}複製**
,
"author": "",
"license": "isc",
"devdependencies": ,
"dependencies":
}複製**
vue cli 構建第乙個單頁面應用
聽同事講，後端學vue只要3天就會了，差點信以為真了 先看了一下vue的文件，因為之前也看過react的文件，感覺差不多，特色都是頁面模組化，自動生成統一管理。腳手架安裝和上線部署就不說了，都是node npm 之類的，我使用的 vue 3.2.1版本。單頁面除了預設自帶的檔案以外，需要額外npm ...
webpack4配置乙個多頁面
因為專案是用glpu搭建的工作流，在轉jenkins自動發布的時候，考慮到如果需要多頁面動態打包，需要改寫glup配置 不會glup也不想學 就將專案重構為webpack4.掃瞄專案多頁面入口 區分生產和開發環境webpck配置 指定專案打包 使用shell指令進行打包操作 如何處理不同的模組模式 ...
乙個登入頁面
登入頁面寫起來很簡單，但寫多了每次都重新寫乙個的話還是覺得很費事的，所以寫了個模板放這裡，以後需要的話直接用這個改。登入 title style login login title line line input line a line span log submit style head body...