小编Ste*_*ang的帖子

我写了一个vue + webpack项目,它在webpack-dev-middleware中运行良好.现在我想用nginx部署它.我所做的是编写webpack.build.config.js并将所有文件捆绑到dist文件夹中.然后我将dist文件夹复制到nginx html文件夹中,并在nginx.conf中分配索引.但是,它有一个错误说:

[Vue警告]:无法安装组件:模板或渲染函数未定义.(在根实例中找到)

我是devops/backend的新手,并且对整个构建或部署过程非常困惑.webpack-dev-server或nodejs在生产环境中是否仍然需要？我的生产环境后端是nginx/PHP和IIS/.Net,现在它根本没有安装节点.

我的nginx.conf是

location / {
    root   html/dist;
    index  index.html index.htm;
}

而webpack.build.config.js是

var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var public_dir = "components";
//var ModernizrWebpackPlugin = require('modernizr-webpack-plugin');

module.exports = {
    entry: [
        path.join(__dirname,'./index.js')
    ],
    output: {
        path: path.join(__dirname, '/dist/'),
        filename: '[name].js',
        publicPath: '/'
    },
    devtool: 'eval-source-map',
    plugins: [
        new webpack.optimize.CommonsChunkPlugin('common.js'),
        new webpack.optimize.DedupePlugin(),
        new webpack.optimize.UglifyJsPlugin(),
        new webpack.optimize.AggressiveMergingPlugin(),
        new HtmlWebpackPlugin({
            filename: 'index.html',
            template: path.resolve(__dirname, 'index.html'),
            inject: true
        })
    ],
    resolve: {
        root: …