JavaScript
webpack

WebPackでモバイルとデスクトップの切り分けをする

JavaScriptファイルを分ける場合のwebpack.config.jsの設定

entryとoutputを設定してあげるとそれぞれのディレクトリができる


webpack.config.js

const path = require('path');

...
entry:{
desktop: src/js/desktop.js,
mobile: src/js/mobile.js
}
output:{
path: path.resolve(__dirname, 'dist'),
filename: '[name]/bundle.js'
}
...


Entry Points

https://webpack.js.org/concepts/entry-points/

Output

https://webpack.js.org/concepts/output/