Webpacker周りのメモを書いていく。
environmentのデフォルトの中身
Environment {
loaders:
Map {
'babel' => {
test: /\.(js|jsx)?(\.erb)?$/,
exclude: /node_modules/,
loader: 'babel-loader',
options: [Object]
},
'coffee' => {
test: /\.coffee(\.erb)?$/, loader: 'coffee-loader'
},
'elm' => {
test: /\.elm(\.erb)?$/,
exclude: [Array],
loader: 'elm-hot-loader!elm-webpack-loader?cwd=/Users/eijiosakabe/Documents/data/my_pg/my_project/idol_calendar&pathToMake=/Users/eijiosakabe/Documents/data/my_pg/my_project/idol_calendar/node_modules/.bin/elm-make&verbose=true&warn=true&debug=true'
},
'erb' => {
test: /\.erb$/,
enforce: 'pre',
exclude: /node_modules/,
loader: 'rails-erb-loader',
options: [Object]
},
'file' => {
test: /\.(jpg|jpeg|png|gif|svg|eot|otf|ttf|woff|woff2)$/i,
use: [Array]
},
'style' => {
test: /\.(scss|sass|css)$/i, use: [Array]
},
'typescript' => {
test: /\.(ts|tsx)?(\.erb)?$/, loader: 'ts-loader'
},
'vue' => {
test: /\.vue(\.erb)?$/,
loader: 'vue-loader',
options: [Object]
}
},
plugins:
Map {
'Environment' => EnvironmentPlugin { keys: [Array], defaultValues: [Object] },
'ExtractText' => ExtractTextPlugin { filename: '[name]-[contenthash].css', id: 1, options: {} },
'Manifest' => ManifestPlugin { opts: [Object] }
}
}
public/assets以下の静的ファイルが404になる
おそらくwebpackerとasset pipelineを同時に使おうとしている場合になるぽい。
正確な原因はわからなかったが、解決策はwebpackerのoutput_pathとasset pipelineのoutput_pathが同じ"assets"であったため。
webpackerの方を"packs"に変えたら問題なくファイルを返すようになった。