第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

請問webpack如何壓縮css和js,求具體例子代碼,謝謝。

請問webpack如何壓縮css和js,求具體例子代碼,謝謝。

如題。我看了webpack視頻,介紹了minify壓縮html,使用了 html-webpack-plugin我想知道css和js怎么處理
查看完整描述

1 回答

?
慕勒7123956

TA貢獻35條經(jīng)驗 獲得超15個贊

可以用UglifyJsPlugin壓縮js和css,如果需要需要單獨把css提取出來,可以用extract-text-webpack-plugin

const?path?=?require("path");????
const?htmlWP?=?require("html-webpack-plugin");????
const?webpack?=?require("webpack");????
const?UglifyJsPlugin?=?require("uglifyjs-webpack-plugin");????
module.exports?=?{????
entry:?"./src/script/main.js",????
output:?{????
path:?path.join(__dirname?+?"/dist"),????
filename:?"js/bundle.js"????
},????
module:?{????
rules:?[{????
test:?/\.css$/,????
use:?[????
"style-loader",????
"css-loader"????
]????
},????
{????
test:/\.(png|svg|jpg|gif)$/,????
use:[????
"file-loader"????
]????
},????
{????
test:/\.js$/,????
use:[????
"babel-loader"????
],????
exclude:?path.join(__dirname?+?"/node_modules"),????
include:?path.join(__dirname?+?"/src")????
}],????
},????
plugins:?[????
new?htmlWP({????
filename:?"index.html",????
template:?"index.html",????
minify:?{????
collapseWhitespace:?false,????
removeComments:?true????
}????
}),????
new?webpack.LoaderOptionsPlugin({????
options:?{????
postcss:?[require("autoprefixer")({????
browsers:?["last?5?versions"]????
})]????
}????
}),????
new?UglifyJsPlugin({????
compress:?{????
warnings:?false????
}????
}),????
new?webpack.DefinePlugin({????
"process.env":?{????
NODE_ENV:?JSON.stringify("production")????
}????
})????
]????
};


查看完整回答
反對 回復(fù) 2017-11-06
  • 1 回答
  • 0 關(guān)注
  • 2442 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號