Webpack固定変数を設定して検索パスを減らす

最初にプロジェクトをしたとき、画像を導入することに悩んでいたので、ネットで方法を探して、皆さんに共有しました.

  build      webpack.base.conf，    ：

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'img':resolve('static')+'/image'
    }
  },

その中でimgは私たち自身が設定したものです.後ろの('static')+'/image'はパスです.その後、ページで直接使用すればいいです.たとえば、次のようにします.

 .aa{
    background: url("~img/img.jpg");
    width: 100px;
    height:100px;
  }

しかもこの経路は通用しているので、便利なのではないでしょうか.