webpack - Vue.js/webpack 没有创建构建文件？

Question

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

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

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

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

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

我需要一个已编译的文件，因为我正在尝试发布一个转译文件以将我的包发布到 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) 将其全局公开。