2016-01-19 5 views
28

Я запускаю webpack-dev-сервер из корневой папки моего проекта. У меня есть активы папку /SRC/активов, которые копируются на CopyWebPackPlugin:Обслуживание статических ресурсов в сервере webpack dev

new CopyWebpackPlugin([ { from: 'src/assets', to: 'assets' } ]) 

Если я ставлю logo.png папку внутри активов, то после запуска WebPack-DEV-сервер не могу access http://localhost/assets/logo.png файл, но можете получить доступ http://localhost/src/assets/logo.png файл. Однако, если я работаю в режиме производства, ситуация перевернута.

Как настроить сервер webpack http://localhost/assets/logo.png файл доступен в режиме разработки?

ответ

11

Вы можете указать webpack использовать другой путь при загрузке из браузера.

В разделе output вашего конфигурационного файла веб-пакета добавьте поле publicPath, указывающее на вашу папку assets.

webpack.config.js

output: { 
    // your stuff 
    publicPath: '/assets/' 
} 
+1

Может ли кто-нибудь опубликовать полный рабочий стол webpack.config.js? И версия для копирования-webpack-плагина они используют? –

+0

Это сводило меня с ума! Большое вам спасибо за этот ответ! –

+0

@TonyGutierrez вам все еще нужен пример? Рад поделиться моим. –

24

Я хотел бы добавить, что это было наоборот для меня. Первоначально у меня были мои изображения и файлы .obj/.mtl в папке public, которая существовала в корне моего приложения. Я переместил их в папку assets, которая была создана в папке app.

Выполнение npm install --save-dev copy-webpack-plugin и добавив

new CopyWebpackPlugin([ { from: 'src/assets', to: 'assets' } ]) 

в файл webpack.common.js фиксированная моя проблема.

+4

Спасибо, дал мне то, что мне было нужно. В моем случае для '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' был нужен, но мне нужны статические файлы в '/ static /' Это отсортировано. – webnoob

Смежные вопросы