art-template在命令行工具run start后报错
# 我创建的.art文件未显示成html文件,请问是需要哪个插件呢?
觉得自己在webpack.config.js中的配置没啥问题呢?
# 报错信息的截图
#
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
//获取绝对路径
const resolve = dir => path.resolve(__dirname,dir);
module.exports = {
mode:'development',
// webpack入口文件
entry:{
index:'./src/index.js',
list:'./src/list.js'
},
// webpack输出路径
output:{
//输出的目录
path:resolve('dist'),
filename:'js/[name].js'
},
//source-map:调试用的,出错时将直接定位到原始代码
devtool:'cheap-module-eval-source-map',
module:{
rules:[
{
test:/\.art$/,
loader:'art-template-loader'
}
]
},
plugins:[
new HtmlWebpackPlugin({
template:'./index.art',
filename:'index.html',
chunks:['index']
}),
new HtmlWebpackPlugin({
template:'./list.art',
filename:'list.html',
chunks:['list']
})
]
}
正在回答
同学你好,问题解答如下:
1、src属于项目的入口文件,要将.art文件都放到src中,目录结构如下:
然后.art文件中,模板的路径要对应调整如下:
webpack.config.js中的插件路径也要对应调整:
这样调整后,经过测试,可以正确打包成功。
2、如果art-template没有安装成功,也会造成打包不成功,建议将node_modules文件夹删除,重新执行npm install ,多安装几遍试试。或者下载源码,测试一下源码,看源码能不能打包成功,再对比自己的项目。
3、如果想让.art文件,显示成html,可以如下这样调整:
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星