溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

webpack常用的插件安裝命令

發(fā)布時(shí)間:2020-06-27 20:33:43 來(lái)源:網(wǎng)絡(luò) 閱讀:312 作者:小旭依然 欄目:開發(fā)技術(shù)

webpack常用的插件安裝命令:
1:npm install html-webpack-plugin --save-dev //自動(dòng)快速的幫我們生成HTML。
2:npm install css-loader style-loader --save-dev//樣式文件,我們需要兩種loader,css-loader 和 style-loader,css-loader會(huì)遍歷css文件,找到所有的url(...)并且處理。style-loader會(huì)把所有的樣式插入到你頁(yè)面的一個(gè)style tag中。
3:npm install babel-loader css-loader style-loader --save-dev// 安裝加載器(babel-loader 進(jìn)行轉(zhuǎn)碼
css-loader 對(duì) css 文件進(jìn)行打包
style-loader 將樣式添加進(jìn) DOM 中)
4:npm install sass-loader node-sass --save-dev//css預(yù)編譯程序,還需要添加node-sass來(lái)解析sass文件
5:npm install url-loader --save-dev//圖片自動(dòng)轉(zhuǎn)成base64編碼的
6:npm install jquery moment --save-dev//添加第三方庫(kù)(jquery和moment)
7:npm install babel-preset-es2015 --save-dev//添加ES6的支持
8:npm install babel-preset-es2015 babel-preset-react --save-dev//安裝轉(zhuǎn)碼規(guī)則
9:npm install webpack-dev-middleware --save-dev//服務(wù)器端使用的是express框架,你還可以直接安裝express的middleware,webpack配合express
10: npm install react --save-dev//安裝并引用 React 模塊
10:npm install react react-dom --save-dev//添加react和react-dom
11:npm install react-hot-loader --save-dev//react-hot-loader 是一款非常好用的 React 熱插拔的加載插件,通過(guò)它可以實(shí)現(xiàn)修改-運(yùn)行同步的效果,配合 webpack-dev-server 使用更佳!
12:npm install --save-dev autoprefixer postcss-loader --save-dev//
13:npm install babel-loader coffee-loader --save-dev//
14: npm install autoprefixer-loader --save-dev//
15: npm install vue --save-dev//
16: npm install -d //將項(xiàng)目中package.json依賴的包全部下載到該項(xiàng)目中


原文鏈接:http://www.cnblogs.com/qinbb/p/5795375.html

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI