我对webpack不太满意.我没有真正"学习它",我有一个模板/样板我从我制作的回购中提取,这给了我一个在React中构建的环境.我正在努力为我的项目添加引导功能,因为我对webpack并不了解并且了解加载器等的工作方式.有人可以帮我一把吗?也许是关于webpack加载器的简单解释?(在我的名单上学习它,但不是优先考虑的事项).
我得到奇怪的错误,如:
错误在./~/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2
这是我的webpack.config.js
var webpack = require('webpack');
var path = require('path');
var BUILD_DIR = path.resolve(__dirname, 'src/client/public');
var APP_DIR = path.resolve(__dirname, 'src/client/app');
var config = {
entry: APP_DIR + '/index.jsx',
output: {
path: BUILD_DIR,
filename: 'bundle.js'
},
module : {
loaders : [
{
test : /\.jsx?/,
include : APP_DIR,
loader : 'babel'
},
{
test: /\.scss$/,
loaders: ["style", "css", "sass"]
}
]
}
};
module.exports = config;
Run Code Online (Sandbox Code Playgroud)
这是我的package.json
{
"name": "react-camper-leaderboard",
"version": "1.0.0",
"description": "freecodecamp leaderboard sorter",
"main": "index.js", …Run Code Online (Sandbox Code Playgroud)