Angularjs 带有razor模板引擎的网页包开发服务器(angular2-netcore)
我有一个aspnet核心+angular2+网页包项目。我无法使用webpack开发服务器的livereload部分。我认为问题可能是因为使用了剃刀模板。Dev服务器需要一个从不存在的普通index.htmlAngularjs 带有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 =
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的现成模板。