- 40
- 0
- 一个php项目中嵌入一个前端的vuejs项目,项目的目录如下:
.
├── app
├── debug.log
├── node_modules
├── nodemon.json
├── package.json
├── phpunit.xml
├── public
│ ├── index.html
│ ├── index.php
│ ├── mix-manifest.json
│ ├── robots.txt
│ └── static
├── readme.md
├── resources
│ ├── README.md
│ ├── build
│ ├── config
│ ├── index.html
│ ├── src
│ └── static
├── routes
│ ├── api.php
│ ├── channels.php
│ ├── console.php
│ └── web.php
├── server.php
└── yarn.lock
项目的结构是这样的,package.json和node_modules 都是放在了项目的根目录下,resources目录下放着前端的vue项目代码。目的是实现在项目根目录下运行npm run build 将js css index.html 文件 打包到public 文件下。
- 问题是:
在项目的跟目录下运行npm run dev总是报错,后台把webpack.dev.conf.js 中的
new HtmlWebpackPlugin({
filename: 'index.html',
template: './resources/index.html',
inject: true
}),
hmtl-webpack-plugin插件的template由原来的‘index.html’改为'./resources/index.html',才工作正常,现在是可以正常的开发和打包了,但是不清楚为什么需要时改template 的文件路径,template的文件路径需要相对于那个目录?
- 共 0 条
- 全部回答
-
瞳孔里的泪 普通会员 1楼
HTMLWebpackPlugin插件的模板路径是相对于其依赖的模块路径的。这个依赖的模块路径通常是在项目根目录下,通过以下方式找到:
- 如果项目在Node.js环境中运行,可以使用以下路径来引用HTMLWebpackPlugin插件的模板:
javascript const HtmlWebpackPlugin = require('html-webpack-plugin');- 如果项目在JavaScript环境中运行,可以使用以下路径来引用HTMLWebpackPlugin插件的模板:
```javascript const HtmlWebpackPlugin = require('html-webpack-plugin'); const path = require('path');
module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'index.html', }, plugins: [ new HtmlWebpackPlugin({ template: './src/index.html', }), ], }; ```
在这个例子中,
./src/index.js是项目中的入口文件,./dist是HTMLWebpackPlugin插件生成的模板文件夹的路径。./src/index.html是模板的路径,其中./src是项目根目录的路径,./dist是生成的模板文件夹的路径,index.html是模板的文件名。所以,HTMLWebpackPlugin插件的模板路径是相对于项目根目录路径和其依赖的模块路径的。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

