Angularjs 带有razor模板引擎的网页包开发服务器(angular2-netcore)

Angularjs 带有razor模板引擎的网页包开发服务器(angular2-netcore),angularjs,razor,webpack,asp.net-core,webpack-dev-server,Angularjs,Razor,Webpack,Asp.net Core,Webpack Dev Server,我有一个aspnet核心+angular2+网页包项目。我无法使用webpack开发服务器的livereload部分。我认为问题可能是因为使用了剃刀模板。Dev服务器需要一个从不存在的普通index.html var webpack = require('webpack'); const path = require('path'); var CleanWebpackPlugin = require('clean-webpack-plugin'); var HtmlWebpackPlugin =

我有一个aspnet核心+angular2+网页包项目。我无法使用webpack开发服务器的livereload部分。我认为问题可能是因为使用了剃刀模板。Dev服务器需要一个从不存在的普通index.html

var webpack = require('webpack');
const path = require('path');
var CleanWebpackPlugin = require('clean-webpack-plugin');
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
entry: {
    polyfills: './wwwroot/polyfills.ts',
    vendor: './wwwroot/vendor.ts',
    app: "./wwwroot/main.ts"

},
output: {
    publicPath : '/lib/webpack',
    path:'wwwroot/lib/webpack',
    filename: '[name].[hash].build.js'
},

resolve: {
    extensions: ['.ts', '.js']
},

devServer: {
    historyApiFallback: true,
    contentBase: path.join(__dirname, '/wwwroot/'),
    proxy: {
        '*': 'http://localhost:5000'
    },
    watchOptions: {
        aggregateTimeout: 300,
        poll: 1000
    }
},

module: {
    rules: [
        {
            test: /\.ts$/,
            loaders: ['ts-loader?ConfigFileName=./wwwroot/tsconfig.json', 'angular2-template-loader']

        },
        {
            test: /\.css$/,
            loaders: 'style-loader!css-loader'
        },
        {
            test: /\.woff($|\?)|\.woff2($|\?)|\.ttf($|\?)|\.eot($|\?)|\.svg($|\?)/,
            loader: 'url-loader'
        },
        {
            test: /\.(html)$/,
            loader: 'raw-loader'
        }
    ]
},

plugins: [

    new CleanWebpackPlugin(
        [
            './wwwroot/lib/webpack'
        ]
    ),

    new webpack.ProvidePlugin({
        jQuery: 'jquery',
        $: 'jquery',
        jquery: 'jquery'
    }),

    new webpack.optimize.CommonsChunkPlugin({
        name: ['app', 'vendor', 'polyfills']
    }),

    new HtmlWebpackPlugin({
        inject: false,
        template: 'Views/Shared/_layoutTemplate.cshtml',
        filename: '../../../Views/Shared/_layout.cshtml'
    }),
]
}

dev服务器运行,然后我运行dotnet项目。结果是,由于代理,我可以呈现页面。但是dev服务器并没有将它的livereload代码注入到呈现的视图中。因此,当我进行更改时,我必须手动重新加载

如何告诉dev server使用该.cshtml文件?或者我怎样才能实现它

谢谢。

你看过微软的吗?他们提供了Angular 2、ASP.NET内核和Webpack的现成模板。