資訊專欄INFORMATION COLUMN
摘要：排除的范圍包含的范圍可以在中加入壓縮圖片
var htmlWebpackPlugin = require("html-webpack-plugin");
var CleanWebpackPlugin = require("clean-webpack-plugin");
var path = require("path");
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
module.exports = {
entry:"./lib/main2.js",
output:{
path: path.resolve(__dirname, "../lib"),
filename:"[name].[hash].js"
},
module:{
loaders:[
{
test:/.js$/,
loader:"babel-loader",
// exclude:"./node_modules/",//排除的范圍
include:path.resolve(__dirname, "../lib/"),//包含的范圍
// query:{
// presets:["lastest"]
// }
// 可以在package.json中加入
// "babel":{
// "presets":["lastest"]
// },
},
{
test:/.css$/,
loader:"style-loader!css-loader?importLoaders=1!postcss-loader"
},
{
test:/.less$/,
loader:"style-loader!css-loader?importLoaders=1!postcss-loader!less-loader"
},
{
test:/.html$/,
loader:"html-loader"
},
{
test:/.tpl$/,
loader:"ejs-loader"
},
// {
// test:/.(png|jpg|gif|svg)$/i,
// loader:"file-loader",
// query:{
// name:"assets/[name].[ext]"
// }
// },
{
test:/.(png|jpg|gif|svg|woff|eot|ttf)$/i,
loaders:[
"url-loader?limite=20000&name=assets/[name].[ext]",
"image-webpack-loader"http://壓縮圖片
],
// loader:"url-loader",
// query:{
// limit:20000,
// name:"assets/[name].[ext]"
// }
}
]
},
plugins:[
new htmlWebpackPlugin({
filename:"../index.html",
template:"index2.html",
inject:"body"
}),
new UglifyJsPlugin(),
new CleanWebpackPlugin(
[
path.resolve("lib/main.*.js"),
],
{
root: path.resolve(__dirname, "../lib/"),
verbose: true,
dry: false,
watch: true,
}
),
]
}
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/103988.html
摘要：在資源很多時，例如圖片的復(fù)制，這個會加快任務(wù)的執(zhí)行速度，特別是需要實(shí)時預(yù)覽時，減少延遲。但是作為個入門短時間內(nèi)還是不能夠被取代得了的。 gulp常用功能集合（開發(fā)和生產(chǎn)分離、靜態(tài)資源壓縮優(yōu)化、代碼優(yōu)化、實(shí)時預(yù)覽、hash） tags: gulp 前端自動化開發(fā) npm倉庫下載地址https://www.npmjs.com/package/cddgulp [TOC]本人自用在此基礎(chǔ)上的...
摘要：工具和資料群高級爬蟲作者自建群，歡迎加入作者收集的爬蟲相關(guān)工具和資料簡介類是以命令行工具為參考，使用標(biāo)準(zhǔn)的實(shí)現(xiàn)的工具類。 showImg(https://segmentfault.com/img/remote/1460000018765904); 工具和資料 QQ群 - Javascript高級爬蟲 - 作者自建群，歡迎加入！ awesome-java-crawler - 作者收...
摘要：是一款精簡的基于命令行的管理工具，它有著多種發(fā)送方式和編碼方式，以及精簡的代碼，使得它成為隱蔽的暗殺者，難以被很好的防御。AssassinAssassin是一款精簡的基于命令行的webshell管理工具，它有著多種payload發(fā)送方式和編碼方式，以及精簡的payload代碼，使得它成為隱蔽的暗殺者，難以被很好的防御。自用工具開源互相學(xué)習(xí)，工具短小精悍，生成的webshell能夠過目前主流殺...
摘要：方案動態(tài)計算定位，于失敗項附近，并定時消失，多個提示一同顯示。遇到問題當(dāng)表單處于中，并且表單高度大于高度，驗(yàn)證失敗項又剛好在被隱藏的部分，需要對這部分提示做特殊處理，暫且處理為不顯示這部分提示。 方案 動態(tài)計算定位，fixed于失敗項附近，并定時消失，多個提示一同顯示。 遇到問題 當(dāng)表單處于dialog中，并且表單高度大于dialog高度，驗(yàn)證失敗項又剛好在被overflow隱藏的部分...
閱讀 2629·2021-11-23 09:51
閱讀 861·2021-09-24 10:37
閱讀 3612·2021-09-02 15:15
閱讀 1962·2019-08-30 13:03
閱讀 1881·2019-08-29 15:41
閱讀 2624·2019-08-29 14:12
閱讀 1424·2019-08-29 11:19
閱讀 3301·2019-08-26 13:39
