Webpack 2 beheben alias

Ich habe ein kleines problem bezüglich der Lösung Aliase im webpack 2. Egal was ich mache ich kann nicht dieses Problem beheben. Hier ist der relevante code:

/* webpack.mix.js */

       mix.webpackConfig({
         module: {
               rules: [
                   {
                       test: /\.js$/,
                       loader: 'eslint-loader'
                   }
               ]
           },
           resolve: {
             root: path.resolve(__dirname), 
                    //path is reqired at the beggining of file 
             alias: {
               config: 'src/assets/js/config', //this is a config folder
               js: 'src/assets/js'
             }
           }
       });

/* router.js */

        import { DashboardRoute } from 'config/route-components'
      //this import is unresolved
InformationsquelleAutor Ilija Bradaš | 2017-03-07
  1. 3

    Den resolve.root option existiert nicht mehr webpack 2. Vielmehr ist es eingebunden in auflösen.Module (von der offiziellen Migration Guide). Webpack wirft sogar ein Fehler, dass es nicht eine gültige Eigenschaft. Wenn Sie in der Lage sein möchten, die zum importieren von Ihrem root-Verzeichnis ändern Sie die beheben config:

    resolve: {
  alias: {
    config: 'src/assets/js/config',
    js: 'src/assets/js'
  },
  modules: [
    path.resolve(__dirname),
    'node_modules'
  ]
}

    Alternativ können Sie einen absoluten Pfad in Ihrem resolve.alias etwa so:

    resolve: {
  alias: {
    config: path.resolve(__dirname, 'src/assets/js/config'),
    js: path.resolve(__dirname, 'src/assets/js')
  }
}
    • tnx a lot für Ihre Antwort. Ich habe das gleiche Problem, aber aus irgendeinem seltsamen Grund, die Aliase, die nicht für mich arbeiten. Wenn ich versuche zu importieren, verwenden Aliase erhalte ich: Unable to resolve-path-Modul "Komponenten/pages/Master" Nicht beheben Pfad zum Modul 'Styles/main.css' Irgendwelche anderen Ideen?
    InformationsquelleAutor Michael Jungo
  2. 1

    Versuchen Sie dies:

    resolve: {
  root: [
    'node_modules',
    path.resolve('src') //Resolve on root first
  ], 
  alias: {
    config: 'src/assets/js/config', //this is a config folder
    js: 'src/assets/js'
  }
}
    InformationsquelleAutor Alfred Crosby
  3. 0

    In ionic 3 (version 3.13.3), um alias-mapping arbeiten, Sie zu definieren-Pfad-Zuordnung-sowohl in webpack.config.js & tsconfig.json

    Entnehmen Sie bitte vollständige Antwort hier Frage hier

    InformationsquelleAutor Maverick09
Schreibe einen Kommentar