Question

这是一个问题请求，但我想使用vue-cli功能来构建vue应用程序，如下所示（在https://codeburst.io/building-your-very-first-component-with-vuejs-21b4a2f6a15a之后）：

dynamic_button_xpath = "//a[starts-with(@href, 'https://www.facebook.com/n/?')]"
driver.find_element_by_xpath(dynamic_button_xpath).click()

问题是我该如何编辑webpack.config.js以便不包括vue源代码（因为我们已经从cdn提供了vue源代码）？

这是我的webpack.config.js-要从我们的构建中删除vue源代码，我需要进行哪些编辑？：

$ npm install -g vue-cli
$ vue init webpack-simple acme-app
$ cd acme-app
$ npm install
$ npm run dev

Answer 1

您需要定义externals部分并在webpack配置中删除vue别名：

//...
externals: {
    // define module 'vue' which will point to window.Vue in result bundle
    vue: 'Vue'
},
resolve: {
    alias: {
      // remove this alias
      //'vue$': 'vue/dist/vue.esm.js'
    },
},
//...

文档：Externals

如何不将Vue源代码包含到Webpack构建中

1 个答案: