webpack 安裝過程及專案的新建

2021-10-23 23:25:18 字數 807 閱讀 9747

1.通常我們使用全域性安裝,npm install webpack -g

2.全域性安裝腳手架 npm i webpack -cli -g

1.新建資料夾作為專案資料夾(資料夾應當以英文命名)

2.你需要初始化你的專案 npm init -y

只需要執行相應的指令即可

npm install babel-loader babel-core -d

npm install babel-preset-es2015 babel-plugin-transform-runtime -d

npm install css-loader style-loader autoprefixer-loader -d

4.新建檔案 .babelrc 該資料夾主要配置我們需要用到的外掛程式。

6、新建檔案webpack.config.js

const path=require(『path』)

module.exports = ,

// 配置不同型別檔案模組的載入

module: ' at position 64: …der' ] }̲, // 配置less文…/,

use: [

『style-loader』,

『css-loader』,

『less-loader』

]},

// 配置解析es6為es5}],

// 排除掉這裡的js模組,不然webpack解析他們,提高打包速度

exclude: /node_modules/}]

}};

webpack4的安裝過程

一 先安裝node 因為webpack是基於node.js的專案構建工具 安裝node官網 node v可檢視安裝資訊 二 先建立乙個放專案的包 英文包名 1.建立src,dist 2.專案進行初始化 npm init y 3.區域性安裝webpack 安裝的版本不宜過高,不然後邊會報錯 npm i...

PMS及APP安裝過程

摘自 android外掛程式化開發指南 1.packagemanagerservice pms 是用來獲取apk包的資訊的 2.ams總是會使用pms載入包的資訊,將其封裝在loadedapk這個類物件中,然後從中取出清單檔案申請的四大元件資訊 4.pms中有個類packageparse,是專門用來...

tensorflow gpu安裝過程記錄及心得

首先講一下我的電腦配置 windows7 64位 顯示卡 gtx 1660 6g python3.7 cuda10.0 cudnn7.6 tensorflow gpu1.13.1 pycharm2018 這個版本可以破解到2100年,後面的版本貌似不行 因為之前用的是tensorflow cpu,所...