如何从mvc视图index.cshtml

时间:2018-11-18 02:44:26

标签: asp.net-mvc vue.js vue-cli-3

我将CLI生成的Vue应用程序与ASP.NET Core Web应用程序结合在一起。

我想创建一个新的入口点并在MVC视图中使用这个新的入口点,同时又不影响现有的main.js入口点。

我正在使用以下vue.config.js文件添加第二个入口点。

// https://cli.vuejs.org/config/#pages

module.exports = {
    pages: {
        index: {
            // entry for the page
            entry: 'src/main.js',
            // the source template
            template: 'public/index.html',
            // output as dist/index.html
            filename: 'index.html',
            // when using title option,
            // template title tag needs to be <title><%= htmlWebpackPlugin.options.title %></title>
            title: 'Index Page',
            // chunks to include on this page, by default includes
            // extracted common chunks and vendor chunks.
            chunks: ['chunk-vendors', 'chunk-common', 'index']
        },
        index2: {
            // entry for the page
            entry: 'src/index2.js',
            // the source template
            template: 'public/index2.html',
            // output as dist/index.html
            filename: 'index2.html',
            // when using title option,
            // template title tag needs to be <title><%= htmlWebpackPlugin.options.title %></title>
            title: 'Index2 Page',
            // chunks to include on this page, by default includes
            // extracted common chunks and vendor chunks.
            chunks: ['chunk-vendors', 'chunk-common', 'index2']
        },
        // when using the entry-only string format,
        // template is inferred to be `public/subpage.html`
        // and falls back to `public/index.html` if not found.
        // Output filename is inferred to be `subpage.html`.
        //subpage: 'src/subpage/main.js'
    }
}

在Views / Index.cshtml中,当生成的文件包含哈希时,如何引用必要的文件。即我需要引用index2.24ba2458.js和chunk-vendors.869468b2.js(以及CSS文件)

我可以将index2.html的输出目录重定向到/Views/Home/Index2.cshtml吗?

是否可以将HMR js提供给mvc视图?

1 个答案:

答案 0 :(得分:0)

您可以在配置中禁用文件名哈希,以便可以将js文件输出引用到dist目录。

module.exports = {
filenameHashing: false,