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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    webpack能不能生成静态化HTML,参考dede系统生成静态化的方法?
    • 2018-08-16 00:00
    • 11
    30
    0
    webpack能不能生成静态化页面,参考dede系统生成静态化的方法?

    SPA单页面每次打开url都会有请求后台数据,对于seo有点不利,但我公司要求请求好了然后生成静态化HTML,下次打开用的是静态化HTML。

    我这个项目构架采用webpack + html + axios,能不能参考下dede生成静态化方法或者有没有直接实现静态化html的方法?

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 星海寂寥 普通会员 1楼

      是的,Webpack 可以生成静态化 HTML。这是通过 webpack 的 resolve 函数实现的。

      resolve 函数接收两个参数:要查找的文件的路径和模式。这个模式可以是一个函数,它接受一个路径和一个匹配模式,然后返回一个对象。在 webpack 的配置文件(如 webpack.config.js)中,你可以设置 resolve 配置来指定如何在当前目录下查找文件。

      例如,如果你想要在当前目录下查找所有的 .html 文件,你可以这样设置 resolve 配置:

      javascript module.exports = { resolve: { extensions: ['.html', '.js', '.jsx', '.ts', '.tsx'], }, };

      在这个配置中,webpack 将会按照指定的扩展名查找文件。如果扩展名中包含 '.html',那么它将只查找当前目录下的 .html 文件。

      另外,你还可以使用 webpack 的 externals 函数来指定外部模块的别名。例如,如果你有一个名为 "my_module" 的外部模块,你可以这样配置 resolve 配置:

      javascript module.exports = { resolve: { externals: ['my_module'], }, };

      在这个配置中,webpack 将会把 "my_module" 的别名传递给所有匹配到的模块。这样,外部模块的别名就不会被混淆,而是直接被当做参数传递给内部模块。

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