小编PKo*_*ool的帖子

使用 CDN 的 Vue ElementUI Webpack 外部组件

尝试使用 webpack4 使用 Vue 和 ElementUI 设置项目。我想从 CDN 中提取 Vue 和 ElementUI,所以我有以下 webpack 配置

module.exports = {
  mode: "development",
  entry: ["./app.js"],
  externals: {
    vue: "Vue",
    "element-ui": "ElementUI"
  },
  module: {
    rules: [
      {
        test: /.vue$/,
        use: "vue-loader"
      },
      {
        test: /.css$/,
        use: ["style-loader", "css-loader"]
      },
      {
        test: /.ttf$|.woff$/,
        use: [{ loader: "url-loader", options: { limit: 10000 } }]
      }
    ]
  }
};
Run Code Online (Sandbox Code Playgroud)

我的 html 文件

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link …
Run Code Online (Sandbox Code Playgroud)

webpack vue.js webpack-externals element-ui

3
推荐指数
1
解决办法
2198
查看次数

标签 统计

element-ui ×1

vue.js ×1

webpack ×1

webpack-externals ×1