账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    html-webpack-plugin template的路径是相对于那个路径的?
    40
    0
    1. 一个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 文件下。

    1. 问题是:

    在项目的跟目录下运行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
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 瞳孔里的泪 普通会员 1楼

      HTMLWebpackPlugin插件的模板路径是相对于其依赖的模块路径的。这个依赖的模块路径通常是在项目根目录下,通过以下方式找到:

      1. 如果项目在Node.js环境中运行,可以使用以下路径来引用HTMLWebpackPlugin插件的模板:

      javascript const HtmlWebpackPlugin = require('html-webpack-plugin');

      1. 如果项目在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插件的模板路径是相对于项目根目录路径和其依赖的模块路径的。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部