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