Question

我是Nuxt世界的新手，所以我将尝试描述我需要的东西和我做不到的事情。

我正在尝试以编程方式构建Nuxt应用程序，将其捆绑并将其安装到路由

const { Nuxt, Builder } = require('nuxt');
const options = require('./nuxt.config.js');

const nuxt = new Nuxt(options);

try {
  await new Builder(nuxt).build();
} catch(error) {
  logger.error('Error building');
  logger.log({ level: 'error', message: error });  
}

因此，我感兴趣的是以编程方式控制如何捆绑Nuxt应用程序。这应该不是问题，因为我的应用程序在构建时就知道他们的环境。

因此对于生产环境，我想加载捆绑和缩小/丑化的所有内容以及其他...所以，如果可能的话，我想加载所有html内容+ 1个JS文件+ 1个CSS文件。

我的示例配置文件是

module.exports = {
  build: {
       // I should put something here
    }
  },
  srcDir: 'app/view/',
  modules: [
    '@nuxtjs/axios',
    '@nuxtjs/proxy'
  ],
  head: {
    script: [
      { rel: 'preload', src: `https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2&appId=${facebookAppId}&autoLogAppEvents=1` }
    ],
    meta: [
    ]
  },
  axios: {
    port: 3010
  },
 router: {
    middleware: [ /*my middlewares*/ ]
  }
};

所以问题是如何控制构建以实现我想要的？对我来说，好处是如果我设法从head.script加载脚本并将其合并到bundle.js文件

以编程方式捆绑Nuxt.js应用程序

0 个答案: