webpack小記

就如之前遇到配置問題：前輩告訴我，如果是完全不懂的，最好的辦法就是卸載重裝（初學時真是很好用），以及完完全全按照別人的路子，最後以自己的知識量模仿成別人的樣子——再百度不到、解決不了，一旦解決就要經歷成長了。

好了，webpack安裝及使用（我經歷的順序，可簡化，此處記錄用）：

版本：4+，特點：需要cli

全局安裝

cnpm i -g webpack
cnpm install -g webpack-cli
或者合併成下面的
cnpm install -g webpack webpack-cli

創建文件夾初始化

mkdir webpack
cd webpack
npm -init y  //初始化,y即yes

創建入口文件夾

//一般是scripts
mkdir scripts

放入index.js文件,即要編譯的內容

// 搬的別人的
const s=()=>{ 
    console.log('s init')
  }
s()

webpack文件夾下創建webpack.config.js文件

const path = require("path");
module.exports = {
    entry: {
        index: "./scripts/index.js" //入口文件，若不配置webpack4將自動查找src目錄下的index.js文件
    },
    output: {
        filename: "[name].bundle.js",//輸出文件名，[name]表示入口文件js名,是佔位符，根據entry的key
        path: path.join(__dirname, "dist")//輸出文件路徑
    }
}

執行webpack生成dist/[name].bundle.js

不過，如上——我的沒有生成。用的全局的webpack，但是提示我找不到moudle文件

我的解決是：再安裝局部的webpack。嘗試了只安裝局部webpack，會讀不到webpack，可能是需要添加到環境變量?