2017-07-24 76 views
1

这可能是一个愚蠢的问题,但到底是什么。Vue.js/webpack不会创建构建文件?

我使用VUE-CLI webpack-simple模板,在这个项目的的WebPack配置,我觉得以下几点:

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

没有文件正在建立,虽然。当运行webpack服务器时,我可以通过浏览器访问文件。 build.js文件仅在webpack开发服务器运行时才可用?

这是什么定义runtime VS standalone?即使在审阅了文档之后,我仍然对什么是确切的区别感到困惑。

我需要编译的文件,因为我想发布一个transpiled文件到我的包发布到NPM。

干杯。

+1

的的WebPack服务器不建写入磁盘上的文件,但这一切在内存中。所以如果你想构建,你需要执行“npm run build”。 – itacode

+0

@itacode是否有可能创建副作用,以便它也将文件写入磁盘? – Jonathan

回答

1

运行

npm run build 

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

你可以看到,可在package.json运行的脚本。该webpack-simple模板只有runbuild。您需要复制index.html和dist文件夹。

当您使用npm run dev您使用的热模块重装并没有JS是建立可通过热模块服务器暂时的发展。

如果您只想构建一个文件组件,则可以使用vue-clibuild command

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

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

+0

啊我猜webpack在使用vue-cli项目时会在内存中运行一切,因为热重载?我想只编译一个组件(首先),这将是最简单的方法吗?我只是试过,构建文件包含所需的所有代码,而我只需要创建的组件进行转发。 –

+0

@ Stephan-v有两种方法可以将单个组件轻松构建到脚本文件中。 'vue-cli'有一个你可以使用的['build'](https://github.com/vuejs/vue-cli/blob/master/docs/build.md)命令。另外,写了cli的'build'部分的同一个人写了一个名为[poi]的工具(https://poi.js.org/#/),可以做到这一点。 – Bert

+0

只是最后一个问题,您是否有任何关于多个组件甚至是Vuex模块的技巧? –