我尝试通过 webpack 管理所有需要的包,并且它与 sass 配合得很好(在从 Internet 学习如何做之后)。但我不明白为什么它对 pug 和 eslint 不起作用。eslint 的错误是找不到 .eslintrc 文件,是的,它不在根文件夹中。但是我在 eslint 字典中找到了两个。我是否必须将 .eslintrc.json / .js 复制到根目录中?而且 pug 没有给我任何错误,webpack 只是继续他的工作。
包.json
...
"scripts": {
"build": "pug-lint && webpack-dev-server"
},
...
webpack.config.js
var htmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
// define entry point
entry: './js/script1.js',
// define output point
output: {
path: 'dist',
filename: 'bundle.js'
},
module: {
loaders: [
{
test: /\.scss$/,
loader: 'style-loader!css-loader!sass-loader'
},
{
test: /\.pug$/,
loader: 'pug',
exclude: /layout/
}
]
},
eslint: {
failOnWarning: false,
failOnError: true
},
devServer: {
contentBase: './dist/',
inline: true,
stats: 'errors-only'
},
plugins: [
new htmlWebpackPlugin({
template: './src/index.html',
hash: true
})
]
};