Всем привет!
Есть задача на research - нужно "подготовить" базу для создания SPA на Реакте. Будет много форм, DnD. Связь с бэком через RESTfull сервисы.
Пока-что вебпак выглядит так :
const HtmlWebPackPlugin = require("html-webpack-plugin");
const path = require("path")
const htmlWebpackPlugin = new HtmlWebPackPlugin({
template: "./public/index.html",
filename: "./index.html"
});
module.exports = {
module: {
rules: [
{
test: /\.(jpg|png|gif|svg|pdf|ico)$/,
use: [
{
loader: 'file-loader',
options: {
name: '[path][name]-[hash:8].[ext]'
},
},
]
},
// {
// enforce: "pre",
// test: /\.js$/,
// exclude: /node_modules/,
// loader: "eslint-loader",
// options: {
// eslintPath: path.join(__dirname, "/.eslintrc"),
// }
// },
{
test: /\.js$/,
exclude: /node_modules/,
loader: "babel-loader",
},
{
test: /\.html$/,
use: [
{
loader: "html-loader"
}
]
},
{
test: /\.scss$/,
use: [
{
loader: "style-loader"
},
{
loader: "css-loader",
options: {
modules: true,
importLoaders: 1,
localIdentName: "[name]_[local]_[hash:base64]",
sourceMap: true,
minimize: true
}
},
{
loader: "sass-loader"
}
]
}
]
},
plugins: [htmlWebpackPlugin]
};
Что нужно учесть? Что нужно добавить?
Спасибо!