Vue.js / webpack 不创建构建文件？

Question

这可能是一个愚蠢的问题，但到底是什么。

我正在使用 vue-cli webpack-simple 模板，在这个项目的 webpack 配置中我发现以下内容：

output: {
    path: path.resolve(__dirname, './dist'),
    publicPath: '/dist/',
    filename: 'build.js'
  },

虽然没有构建文件。在运行 webpack 服务器时，我可以通过浏览器访问该文件。 build.js 文件是否只有在 webpack 开发服务器运行时可用？

这是 runtime 与 standalone 的定义吗？即使在查看了文档之后，我仍然很困惑确切的区别是什么。

我需要一个已编译的文件，因为我正在尝试发布一个已编译的文件以将我的包发布到 NPM。

干杯。

Answer 1

运行

npm run build

这将创建一个包含build.js 的/dist 目录。

您可以在package.json 中查看可运行的脚本。 webpack-simple 模板只有run 和build。您需要复制 index.html 和 dist 文件夹。

当您使用npm run dev 进行开发时，您正在使用热模块重新加载，并且没有构建通过热模块服务器可用的临时js。

如果您只想构建一个文件组件，您可以使用vue-cli 的build command。

vue build Component.vue --prod --lib Component

其中Component 是单个文件组件的名称。这将生成一个仅包含您指定的组件的脚本文件。在您的 HTML 中包含该脚本并使用 `Vue.component("component", Component) 全局公开它。