Vue.js + Webpack-Dev-Server CSS URL的
Vue.js + Webpack-Dev-Server CSS URL's
我正在将 Vue.js 集成到多页 PHP 应用程序中（不是 SPA）
我正在使用 vue-cli webpack 模板。我对默认模板所做的唯一修改是添加多个入口点（用于为多个页面生成多个脚本）
对于我的开发环境，我使用 docker-compose 并通过我的 lamp 堆栈和 运行 Webpack-dev-server 在单独的实例上提供页面和 link webpack-dev-server 生成的JS文件。
(* 我的设置图 )
我的问题是从 webpack-dev-server 实例获取 CSS url。
我能够在 JS 文件中 link 正常，并且 'build' 完美地输出 JS 和 CSS 文件。我已经尝试在我的开发配置中添加带有文件名参数的 ExtractTextPlugin，但仍然无法从 webpack-dev 实例中获取 CSS 文件。
任何建议将不胜感激，因为我刚刚进入 webpack
谢谢
-J
弄清楚配置
config/vue-loader.conf.js 有一个 属性 extract 当设置为 true 时添加 ExtractTextPlugin 作为最后一个加载器来输出文件。为您的 dev.conf
将此设置为 true
然后，在您的开发配置中，将 ExtractTextPlugin 添加到您的插件堆栈，并添加您希望将文件作为来源的 filename 约定。
注意：您还需要将 devServer 配置中的 public 路径配置为您的容器 {host}:{port}
我已经分叉了源模板并添加了 reference/use
的配置
https://github.com/ibejohn818/vuejs-webpack-docker
希望这对某些人有所帮助，因为我认为这是一个常见问题 use-case，经过几天的谷歌搜索后无法找到任何确切的参考资料。
我正在将 Vue.js 集成到多页 PHP 应用程序中（不是 SPA） 我正在使用 vue-cli webpack 模板。我对默认模板所做的唯一修改是添加多个入口点（用于为多个页面生成多个脚本）
对于我的开发环境，我使用 docker-compose 并通过我的 lamp 堆栈和 运行 Webpack-dev-server 在单独的实例上提供页面和 link webpack-dev-server 生成的JS文件。
(* 我的设置图 )
我的问题是从 webpack-dev-server 实例获取 CSS url。 我能够在 JS 文件中 link 正常，并且 'build' 完美地输出 JS 和 CSS 文件。我已经尝试在我的开发配置中添加带有文件名参数的 ExtractTextPlugin，但仍然无法从 webpack-dev 实例中获取 CSS 文件。
任何建议将不胜感激，因为我刚刚进入 webpack
谢谢
-J
弄清楚配置
config/vue-loader.conf.js 有一个 属性 extract 当设置为 true 时添加 ExtractTextPlugin 作为最后一个加载器来输出文件。为您的 dev.conf
然后，在您的开发配置中，将 ExtractTextPlugin 添加到您的插件堆栈，并添加您希望将文件作为来源的 filename 约定。
注意：您还需要将 devServer 配置中的 public 路径配置为您的容器 {host}:{port}
我已经分叉了源模板并添加了 reference/use
的配置https://github.com/ibejohn818/vuejs-webpack-docker
希望这对某些人有所帮助，因为我认为这是一个常见问题 use-case，经过几天的谷歌搜索后无法找到任何确切的参考资料。