webpack - 未找到模块:错误:无法解析 ... Pug 到 HTML 加载器
问题描述
请帮忙。我尝试在我的项目中使用 pug-html-loader。你们能帮我找到解决方案吗?我的哈巴狗文件在文件夹“/app/views”中,我喜欢生成 html 文件。如果您找到解决方案,我将非常有帮助。
错误信息:
- Module not found: Error: Can't resolve 'pug-html-loader' in 'C:\xampp\htdocs\pug-boilerplate'
- ModuleNotFoundError: Module not found: Error: Can't resolve 'pug-html-loader' in 'C:\xampp\htdocs\pug-boilerplate'
我的 webpack.config 是:
const path = require('path')
const webpack = require('webpack')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const IS_DEVELOPMENT = process.env.NODE_ENV === 'dev'
const dirApp = path.join(__dirname, 'app')
const dirViewPages = path.join(__dirname, '/views')
const dirNode = 'node_modules'
module.exports = {
entry: [
path.join(dirApp, 'index.js'),
path.join(dirStyles, 'index.scss')
],
output: {
path: path.resolve(__dirname, '/public'),
filename: '[name].bundle.js'
},
resolve: {
modules: [
dirApp,
dirNode,
dirViewPages
]
},
plugins: [
new webpack.DefinePlugin({
IS_DEVELOPMENT
}),
new HtmlWebpackPlugin({
filename: 'gastro.html',
template: `${dirViewPages}/pages/gastro.pug`,
inject: false
}),
new HtmlWebpackPlugin({
filename: 'index.html',
template: `${dirViewPages}/base.pug`,
inject: false
})
],
module: {
rules: [
{
test: /\.pug/,
use: ['html-loader?attrs=false', 'pug-html-loader',
{
loader: 'pug-html-loader',
options: {
pretty: true
}
}]
},
]
},
}
解决方案
推荐阅读
- android - 使gridview项目可一一点击
- amazon-web-services - Redshift:AWS ds2.2xlarge vs AWS ds2.8xlarge:哪一个在插入/更新/删除操作中表现良好
- angular - 如何在 typescript 组件中运行 JavaScript 代码
- sql-server - 建表查询
- java - 如何以计划的速率运行任务而不等待它之前的任务?
- python - 硬币找零问题:这两种方法的区别
- android - 在 android studio 中没有将类文件从一个包拖放到另一个包
- html - 角度可滚动的垫选择列表?
- php - 更改对象属性值在视图中返回 null
- php - 从 React 应用程序到 wp-rest api 的 POST 请求返回 404