问答

请问如何在main.js中获取HtmlWebpackPlugin的变量呢

作者:admin 2021-06-25 我要评论

// webpack config.jsconst HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { plugins:?[ new HtmlWebpackPlugin({ title: 'abc' }), ],...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
// webpack config.js
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
  plugins:?[
    new HtmlWebpackPlugin({
      title: 'abc'
    }),
  ],
}

// main.js
如何在main.js里面获取上面的title?
###

一般建议用 definePlugin 来处理,不过记得要用 JSON.stringify 转码。

###

不清楚你说的main.js是什么
如果是指要打包的js文件,那么答案是不能
不同环境下面的东西
webpack.config.js是webpack要执行的代码
main.js是webpack要处理的代码

如果要实现你的目的
只能是使用像DefinePlugin之类进行预处理。

###
// config.js
module.exports = {
  title: 'abc'
}

你可以把这个变量提取到单独的一个js文件独立维护,main.jswebpack.config.js各自require|import进来就行

###

提供一个思路,你可以试下

// webpack config.js
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
  plugins: [
    new HtmlWebpackPlugin({
      title: 'abc'
    }),
  ],
}

// main.js
如何在main.js里面获取上面的title?

index.html

<% if(htmlWebpackPlugin.options.title) { %>

  <script>
    window.title=<%= htmlWebpackPlugin.options.title %>;
  </script>

<% } %>`

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 请问如何在main.js中获取HtmlWebpackPl

    请问如何在main.js中获取HtmlWebpackPl

  • Error: [React Intl] An `id` must be

    Error: [React Intl] An `id` must be

  • background-position、size、origin复

    background-position、size、origin复

  • 网易互娱2021内推开启,内推面简历筛选

    网易互娱2021内推开启,内推面简历筛选

腾讯云代理商
海外云服务器