vue 多个html入口,vue 多入口文件搭建 vue多页面搭建的实例讲解

红色为更改后的不同之处

vue 多入口文件搭建

在webpack.base.conf

文件

module.exports = {

entry: entries,output: {

path:config.build.assetsRoot,publicPath:process.env.NODE_ENV

==='production' ?

config.build.assetsPublicPath :config.dev.assetsPublicPath,filename: '[name].js'

},resolve: {

extensions: ['','.js','.vue'],fallback: [path.join(__dirname,'../node_modules')],alias: {

'src':path.resolve(__dirname,'../src'),'assets':path.resolve(__dirname,'../src/assets'),'components':path.resolve(__dirname,'../src/components')

}

},resolveLoader: {

fallback: [path.join(__dirname,'../node_modules')]

},module: {

loaders: [

{

test: /\.vue$/,loader:'vue'

},{

test: /\.js$/,loader:'babel',include:projectRoot,exclude: /node_modules/

},{

test: /\.json$/,loader:'json'

},{

test: /\.html$/,loader:'vue-html'

},{

test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,loader:'url',query: {

limit:10000,name:utils.assetsPath('img/[name].[hash:7].[ext]')

}

},{

test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,name:utils.assetsPath('fonts/[name].[hash:7].[ext]')

}

}

]

},vue: {

loaders:utils.cssLoaders()

}

}

function getEntry(globPath) {

var entries = {},basename,tmp,pathname;

glob.sync(globPath).forEach(function (entry) {

basename = path.