Webpackリソースロードの一般的な構成
2493 ワード
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
},
module: {
rules:[
// css
// :npm install --save-dev style-loader css-loader
{
test:/\.css$/,
use:[
'style-loader',
'css-loader',
]
},
//
// :npm install --save-dev file-loader
{
test:/\.(png|jpg|gif)$/,
use:[
'file-loader'
]
},
{
test:/\.(woff|woff2|eot|ttf|otf)$/,
use:[
'file-loader'
]
},
// (json , )
// :npm install --save-dev csv-loader xml-loader
{
test:/\.xml$/,
use:[
'xml-loader'
]
},
{
test:/\.(csv|tsv)$/,
use:[
'csv-loader'
]
}
]
}
};