就如之前遇到配置問題:前輩告訴我吸祟,如果是完全不懂的桶错,最好的辦法就是卸載重裝(初學(xué)時(shí)真是很好用),以及完完全全按照別人的路子,最后以自己的知識(shí)量模仿成別人的樣子——再百度不到冷溶、解決不了渐白,一旦解決就要經(jīng)歷成長了。
好了逞频,webpack安裝及使用(我經(jīng)歷的順序纯衍,可簡化,此處記錄用):
版本:4+苗胀,特點(diǎn):需要cli
全局安裝
cnpm i -g webpack
cnpm install -g webpack-cli
或者合并成下面的
cnpm install -g webpack webpack-cli
創(chuàng)建文件夾初始化
mkdir webpack
cd webpack
npm -init y //初始化,y即yes
創(chuàng)建入口文件夾
//一般是scripts
mkdir scripts
放入index.js文件,即要編譯的內(nèi)容
// 搬的別人的
const s=()=>{
console.log('s init')
}
s()
webpack文件夾下創(chuàng)建webpack.config.js文件
const path = require("path");
module.exports = {
entry: {
index: "./scripts/index.js" //入口文件襟诸,若不配置webpack4將自動(dòng)查找src目錄下的index.js文件
},
output: {
filename: "[name].bundle.js",//輸出文件名,[name]表示入口文件js名,是占位符基协,根據(jù)entry的key
path: path.join(__dirname, "dist")//輸出文件路徑
}
}
執(zhí)行webpack生成dist/[name].bundle.js
不過歌亲,如上——我的沒有生成。用的全局的webpack澜驮,但是提示我找不到moudle文件
我的解決是:再安裝局部的webpack陷揪。嘗試了只安裝局部webpack,會(huì)讀不到webpack杂穷,可能是需要添加到環(huán)境變量?