Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带有requirejs/AMD的网页包_Javascript_Webpack_Requirejs_Frontend_Amd - Fatal编程技术网

Javascript 带有requirejs/AMD的网页包

Javascript 带有requirejs/AMD的网页包,javascript,webpack,requirejs,frontend,amd,Javascript,Webpack,Requirejs,Frontend,Amd,我正在为一个现有项目开发一个新模块,该项目仍然使用requireJS进行模块加载。我正在尝试为我的新模块使用新技术,比如webpack(它允许我使用es6导入的es6加载程序)。似乎webpack无法与requireJS语法相协调。它会说:“未找到模块:错误:无法在中解析” 问题:网页包不会捆绑包含requireJS/AMD语法的文件。 问题:有什么方法可以让网页包与requireJS配合使用 我的最终输出必须在AMD格式的项目,以正确加载它。谢谢。我有同样的问题,我设法解决了。下面是相同的we

我正在为一个现有项目开发一个新模块,该项目仍然使用requireJS进行模块加载。我正在尝试为我的新模块使用新技术,比如webpack(它允许我使用es6导入的es6加载程序)。似乎webpack无法与requireJS语法相协调。它会说:“未找到模块:错误:无法在中解析”

问题:网页包不会捆绑包含requireJS/AMD语法的文件。
问题:有什么方法可以让网页包与requireJS配合使用


我的最终输出必须在AMD格式的项目,以正确加载它。谢谢。

我有同样的问题,我设法解决了。下面是相同的
webpack.config.js
文件

const fs = require('fs');
const path = require('path');
const webpack = require('webpack');

let basePath = path.join(__dirname, '/');

let config = {
  // Entry, file to be bundled
  entry: {
    'main': basePath +  '/src/main.js',
  },
  devtool: 'source-map',
  output: {
    // Output directory
    path: basePath +  '/dist/',
    library: '[name]',
    // [hash:6] with add a SHA based on file changes if the env is build
    filename: env === EnvEnum.BUILD ? '[name]-[hash:6].min.js' : '[name].min.js',
    libraryTarget: 'amd',
    umdNamedDefine: true
  },
  module: {
    rules: [{
      test: /(\.js)$/,
      exclude: /(node_modules|bower_components)/,
      use: {
        // babel-loader to convert ES6 code to ES5 + amdCleaning requirejs code into simple JS code, taking care of modules to load as desired
        loader: 'babel-loader',
        options: {
          presets: ['es2015'],
          plugins: []
        }
      }
    }, { test: /jQuery/, loader: 'expose-loader?$' }, 
  { test: /application/, loader: 'expose-loader?application' },
  { test: /base64/, loader: 'exports-loader?Base64' }
    ]
  },
  resolve: {
    alias: {
        'jQuery': 'bower_components/jquery/dist/jquery.min',
        'application': 'main',
        'base64': 'vendor/base64'
    },
    modules: [
      // Files path which will be referenced while bundling
      'src/**/*.js',
      'src/bower_components',
      path.resolve('./src')
    ],
    extensions: ['.js'] // File types
  },
  plugins: [

  ]
};

module.exports = config;

你可以看看一些babel Loader的网页包。我也有类似的问题,您通常可以使用babelim在模块系统之间进行传输。在我的网页配置中已经使用了babel loader。是否可以使用webpack Encore进行此操作?