CUDS_2) SCSS, PNG Error in Webpack
1827 ワード
< LInk >
https://www.youtube.com/watch?v=CzLiXgRUt4g
< Solution Code >
const path = require('path');
const webpack = require('webpack');
module.exports = {
mode: 'development', // production
devtool: 'eval', // hidden-source-map
resolve: {
extensions: ['.jsx', '.js', '.tsx', '.ts', '.scss'],
},
entry: {
app: './client'
},
module: {
rules: [
{
test: /\.tsx?$/ ,
loader: 'awesome-typescript-loader',
},
{
test: /\.scss$/ ,
use: [
'style-loader', // 3. inject style into dom
'css-loader', // 2. Turns css into common.js
'sass-loader' // 1. Turns sass into css
]
},
{
test : /\.(jpg|png)$/,
use : [
{
loader : 'file-loader',
options : {
name : '[name].[ext]' ,
esModule: false,
}
}
]
}
]
},
plugins: [
],
output: {
filename: 'app.js',
path: path.join(__dirname, 'dist'),
publicPath: '/dist/',
}
}
Reference
この問題について(CUDS_2) SCSS, PNG Error in Webpack), 我々は、より多くの情報をここで見つけました https://velog.io/@dhsys112/CUDS2-SCSS-PNG-Error-in-Webpackテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol