第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

不用vuejs的路由懶加載,直接用require引入文件,為什么不起作用?能幫忙解決嗎

不用vuejs的路由懶加載,直接用require引入文件,為什么不起作用?能幫忙解決嗎

慕勒3428872 2019-05-09 09:59:51
問題描述想要把所有js文件打包成一個js文件!問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法用require就能打包成一個js文件,但是打包之后頁面不能顯示相關(guān)代碼//請把代碼文本粘貼到下方(請勿用圖片代替代碼)importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)exportdefaultnewRouter({//mode:'history',base:process.env.BASE_URL,routes:[{path:'/',redirect:{name:'index'},},//首頁{path:'/index',name:'index',component:require("./views/index/Index.vue"),},{path:'/games',name:'games',component:require(/*webpackChunkName:"index"*/'./views/index/Games.vue'),},constpath=require('path')constHTMLPlugin=require('html-webpack-plugin')constwebpack=require('webpack')constExtractPlugin=require('extract-text-webpack-plugin')constfs=require('fs');constmainFile='index.js';constisDev=process.env.NODE_ENV==='development'constsrcRoot=path.resolve(__dirname,'src');constconfig={target:'web',entry:path.join(__dirname,'src/main.js'),output:{filename:'pk-skin.min.js',path:path.join(__dirname,'dev')},resolve:{alias:{components:path.resolve(srcRoot,'components'),"@":path.resolve(srcRoot),"vue$":'vue/dist/vue.esm.js'},extensions:['*','.js','.vue','.json']},devServer:{port:8001,host:'127.0.0.1',overlay:{errors:true,},//historyApiFallback:{//index:'/public/index.html'//},hot:true},module:{rules:[{test:/\.vue$/,loader:'vue-loader'},{test:/\.(js|jsx)$/,loader:'babel-loader',exclude:/node_modules/},{test:/\.less$/,loader:"style-loader!css-loader!less-loader",},{test:/\.css$/,loader:"style-loader!css-loader",},{test:/\.(ttf|eot|woff|woff2)$/,loader:'file-loader',options:{name:'fonts/[name].[ext]',}},{test:/\.(gif|jpg|jpeg|png|svg)$/,use:[{loader:'url-loader',options:{limit:1024,name:'fonts/[name].[hash:7].[ext]'}}]}]},//plugins:[////{////filename:'index'+'.html',////template:'index'+'.html'////}//]plugins:[newwebpack.DefinePlugin({'process.env':{NODE_ENV:isDev?'"development"':'"production"'}}),//newwebpack.optimize.CommonsChunkPlugin({//v5最少2個文件開始提取共用模塊//async:'async-common',//children:true,//如果設(shè)置為`true`,所有公共chunk的子模塊都會被選擇//minChunks:2//}),//newwebpack.optimize.CommonsChunkPlugin({//v2打包lodash//name:'vendor',//minChunks:1//}),newHTMLPlugin()]}if(isDev){config.module.rules.push({test:/\.styl/,use:['style-loader','css-loader',{loader:'postcss-loader'//options://sourceMap:options.sourceMap,//modules:true//添加//}},'stylus-loader']})config.devtool='#cheap-module-eval-source-map'config.devServer={port:8000,host:'0.0.0.0',overlay:{errors:true,},hot:true}config.plugins.push(newwebpack.HotModuleReplacementPlugin(),newwebpack.NoEmitOnErrorsPlugin())}else{config.entry={app:path.join(__dirname,'src/main.js')//vendor:['vue']}config.devtool='#source-map'config.output.filename='pk-skin.[name].min.js'}module.exports=config你期待的結(jié)果是什么?實際看到的錯誤信息又是什么?能夠打包成一個js文件,還能被編譯~
查看完整描述

2 回答

?
蝴蝶刀刀

TA貢獻1801條經(jīng)驗 獲得超8個贊

非懶加載寫法
importVuefrom'vue'
importRouterfrom'vue-router'
importIndexfrom'./views/index/Index.vue'
Vue.use(Router)
exportdefaultnewRouter({
//mode:'history',
base:process.env.BASE_URL,
routes:[
{
path:'/index',
name:'index',
component:Index,
}
]
懶加載寫法
importVuefrom'vue'
importRouterfrom'vue-router'
Vue.use(Router)
exportdefaultnewRouter({
//mode:'history',
base:process.env.BASE_URL,
routes:[
{
path:'/index',
name:'index',
component:()=>import('./views/index/Index.vue'),
}
]
                            
查看完整回答
反對 回復(fù) 2019-05-09
?
冉冉說

TA貢獻1877條經(jīng)驗 獲得超1個贊

1,
importVuefrom'vue'
importRouterfrom'vue-router'
importMainfrom'../pages/Main.vue'
Vue.use(Router)
exportdefaultnewRouter({
routes:[
{
path:'/',
component:Main
}
]
})
2,
importVuefrom'vue'
importRouterfrom'vue-router'
Vue.use(Router)
exportdefaultnewRouter({
routes:[
{
path:'/',
component:require('../pages/Main.vue').default
}
]
})
                            
查看完整回答
反對 回復(fù) 2019-05-09
  • 2 回答
  • 0 關(guān)注
  • 2624 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號