vue 2.0 build配置问题对应vue3.0中的 chainWebpack

最新推荐文章于 2023-12-07 17:00:49 发布

原创最新推荐文章于 2023-12-07 17:00:49 发布 · 714 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript

前端同时被 2 个专栏收录

27 篇文章

订阅专栏

vue

21 篇文章

订阅专栏

本文介绍如何在Vue项目中配置Webpack以支持加载和使用本地的静态.swf文件。针对不同版本的Vue提供了详细的配置步骤，包括vue.config.js文件配置（Vue 3.x）和webpack.base.conf.js文件配置（Vue 2.x）。

因为需要读取本地的静态 .swf文件搜了一下说要在build文件中配置
但是只能搜到3.0的配置方法
如下大体是这么个意思
vue.config.js文件

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('vue')
      .use('vue-loader')
        .loader('vue-loader')
        .tap(options => {
          return options
        })
  }
}

找了很久才发现2.0版本的更改是在build文件中 webpack.base.conf.js文件
进行配置
如下

module.exports = {
 module: {
    rules: [
      {
        test: /\.vue$/,
        loader: "vue-loader",
        options: vueLoaderConfig
      },
       {
        test: /\.swf$/,
        loader: "url-loader",
        options: {
          limit: 10000,
          name: utils.assetsPath("swf/[name].[hash:7].[ext]")
        }
      },
    ]
  },
}