在static文件夹新建config.json文件(以后用于修改的配置文件)将想要的数据放入其中

开始配置webpack   

  1. 安装依赖
    npm i copy-webpack-plugin -s

  2. 引入依赖
    需要在webpack配置文件中引用并配置。需要手动在根目录下创建webpack.config.js

 

  1. //创建webpack.config.js
    const CopyWebpackPlugin = require('copy-webpack-plugin')
    
    
    //当使用webpack打包的时候,webpack会自动去项目根目录下寻找webpack.config.js这个配置文件,加载里面的配置,根据配置选项进行打包
    module.exports = {
       plugins:[
               new CopyWebpackPlugin([
                   {
                       from: resolve(__dirname, './static'), // 不打包直接输出的文件
                       to: 'static', // 打包后静态文件放置位置
                       ignore: ['.*'] // 忽略规则。(这种写法表示将该文件夹下的所有文件都复制)
                   }
               ]),
           ]
    }

    修改完成后,在main.js,将你的配置文件引入,注意不要使用require或者import的方式引入文件,否则该文件就会参与打包,从而使打包后修改配置的操作失效。可以通过http请求静态资源的方式,如下例

静态访问可以规避 ,本文件暂只针对H5,其他未测试

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐