L'icône est perdue après l'introduction d'elementUI via vue+webpack et empaqueté

Lors de l'importation d'element-ui dans un package sans utiliser de trépied, on constate que le chemin d'adresse de l'icône pointe vers une erreur

La solution est de modifier la configuration de construction

La première étape est le fichier webpack.base.conf.js dans le répertoire de construction

//在module 模块添加 字体规则
module: {
    rules: [
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
        }
      }
    ]
  },

La deuxième partie modifie le fichier utils.js dans le répertoire de construction et ajoute publicPath : './../'

if (options.extract) {
			return ExtractTextPlugin.extract({
				use: loaders,
				fallback: 'vue-style-loader',
				publicPath: '../../', //添加这个目录
			})
		} else {
			return ['vue-style-loader'].concat(loaders)
		}

Je suppose que tu aimes

Origine blog.csdn.net/qq_37564189/article/details/124615864
conseillé
Classement