Webpack: концепция выбора output.path, publicPath и chunkFilename для проектов, в которых файлы html и js не находятся в одной папке - PullRequest
Новая
       66

Webpack: концепция выбора output.path, publicPath и chunkFilename для проектов, в которых файлы html и js не находятся в одной папке

0 голосов
/ 06 февраля 2019

Из документации веб-пакета для output.publicPath:

Простое правило: URL-адрес вашего output.path из представления HTML-страницы. 

module.exports = { 
  output: {
    path: path.resolve(__dirname, 'public/assets'),
    publicPath: 'https://cdn.example.com/assets/'   
  } 
};

Вышеуказанное правило актуально для одностраничных приложений, где обычно index.html и index.js находятся в одной папке.Однако в проектах многостраничных веб-сайтов обычно создается специальная папка, такая как js или scripts.Таким образом, файловая структура выходной папки проекта может быть такой:

enter image description here

Я перепробовал множество комбинаций output.path output.publicPath и output.chunkFilename, однако до сих пор не понимаю, как правильно выбрать комбинацию вышеуказанных параметров для обеспечения динамической загрузки (например, const MODULE = import('./loadOnDemand/testModule'), что составляет chunks/chunk__0.js в выходной папке).Пожалуйста, скажите мне, как выбрать output.path publicPath и chunkFilename, которые будут работать для указанной файловой системы, а также могут быть масштабированы для файловой системы ниже:

enter image description here

1 Ответ

0 голосов
/ 12 февраля 2019

Вы пробовали магические комментарии в вебпаке, чтобы автоматически нацеливать имена чанков?https://medium.com/faceyspacey/how-to-use-webpacks-new-magic-comment-feature-with-react-universal-component-ssr-a38fd3e296a

const MODULE = import(/* webpackChunkName: 'test' */'./loadOnDemand/testModule')
...