vue.js之使用Vue CLI3开发多页面应用

    xiaoxiao2022-07-02  121

    在工程根路径下(package.json同目录)添加添加vue.config.js配置文件,内容为:

    module.exports = { pages: { console: { // 应用入口配置,相当于单页面应用的main.js,必需项 entry: 'src/modules/console/console.js', // 应用的模版,相当于单页面应用的public/index.html,可选项,省略时默认与模块名一致 template: 'public/console.html', // 编译后在dist目录的输出文件名,可选项,省略时默认与模块名一致 filename: 'console.html', // 标题,可选项,一般情况不使用,通常是在路由切换时设置title // 需要注意的是使用title属性template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title> title: 'console page', // 包含的模块,可选项 chunks: ['console'] }, // 只有entry属性时,直接用字符串表示模块入口 client: 'src/modules/client/client.js', index: 'src/main.js' } }

     

    最新回复(0)