配置vue.config.js 注入全局依赖是什么意思

在 Vue.js 项目中，我们可以使用 `vue.config.js` 配置文件来修改项目的配置。其中，可以使用 `configureWebpack` 或 `chainWebpack` 属性来对 Webpack 进行配置。

当我们需要在项目中使用一些第三方的依赖库，比如 jQuery 或者 lodash，我们可以通过配置 `webpack.ProvidePlugin` 来将这些依赖库注入到全局中，以便在任意组件中使用。

举个例子，如果我们需要在项目中使用 jQuery，我们可以在 `vue.config.js` 中进行如下配置：

const webpack = require('webpack');

module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery'
      })
    ]
  }
};

这样，我们就可以在任意组件中使用 `$` 和 `jQuery`，无需再单独引入 jQuery 库。这就是所谓的“注入全局依赖”。

相关问题

webpack配置vue.config.js

好的，关于webpack配置vue.config.js，我可以给你一些基本的信息。vue.config.js是一个可选的配置文件，用于对vue-cli项目进行个性化配置。在这个文件中，你可以对webpack进行一些自定义配置，例如修改webpack的entry和output、添加loader和plugin等等。

下面是一个简单的vue.config.js文件示例：

module.exports = {
  // 修改webpack的entry
  configureWebpack: {
    entry: './src/main.js'
  },
  // 添加loader
  chainWebpack: config => {
    config.module
      .rule('markdown')
      .test(/\.md$/)
      .use('html-loader')
      .loader('html-loader')
      .end()
      .use('markdown-loader')
      .loader('markdown-loader')
      .end()
  },
  // 添加plugin
  pluginOptions: {
    foo: {
      // options for foo plugin
    }
  }
}

在这个示例中，我们修改了webpack的entry，添加了一个处理markdown文件的loader，并且添加了一个名为foo的plugin。

vue2如何配置vue.config.js

在Vue 2中，可以使用vue.config.js文件来配置Vue项目。以下是一些常见的配置选项：

1. 创建vue.config.js文件：在项目根目录下，创建一个名为vue.config.js的文件。

2. 导出配置对象：在vue.config.js文件中，导出一个包含配置选项的JavaScript对象。例如：

module.exports = {
  // 配置选项
}

3. 配置选项：根据你的需求，添加或修改适当的配置选项。一些常见的选项包括：

- publicPath: 设置公共路径，用于部署到静态服务器或CDN上。
- outputDir: 设置输出目录，默认为dist。
- assetsDir: 设置静态资源的目录（相对于outputDir）。
- devServer: 配置开发服务器选项，例如代理、端口号等。
- productionSourceMap: 是否生成生产环境的源映射文件。
- css: 配置CSS相关选项，例如提取CSS、CSS预处理器等。

以下是一个示例配置文件的例子：

module.exports = {
  publicPath: '/',
  outputDir: 'dist',
  assetsDir: 'static',
  devServer: {
    port: 8080,
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  },
  productionSourceMap: false,
  css: {
    extract: true,
    sourceMap: false
  }
}

请根据你的项目需求，自行添加或修改其他配置选项。配置完成后，重新启动开发服务器或运行打包命令，配置将会生效。

注意：以上是一些常见的配置选项，更详细的配置项可以参考Vue CLI官方文档。