あいつの日誌β

働きながら旅しています。

webpack.config.js で複数のエントリーポイントを指定する

mkdir practice-webpack && cd $_
mkdir -p src/pages www/pages
touch webpack.config.js
npm init -y
npm install --save-dev webpack

create webpack.config.js

const path = require('path')
const webpack = require('webpack')

module.exports = { 
  devtool: 'inline-source-map',
  entry: {
    "app": "./src/app.js",
    "pages/posts": "./src/pages/posts.js"
  },  
  output: {
    publicPath: "/",
    path: path.resolve('www'),
    filename: "[name].bundle.js",
  },  
}

create src/app.js and src/pages/posts.js

echo 'console.log("app")' > src/app.js
echo 'console.log("posts")' > src/pages/posts.js 

webpack を実行する

$(npm bin)/webpack

動作確認

node www/app.bundle.js
node www/pages/posts.bundle.js