如何使用symfony/webpack-encore缩小CSS/JS文件？
Symfony/webpack-encore是一个用于前端资源管理和构建的工具，可以帮助我们缩小CSS和JS文件。下面是使用Symfony/webpack-encore缩小CSS/JS文件的步骤：
- 首先，确保你的项目中已经安装了Symfony/webpack-encore。可以通过以下命令进行安装：
npm install @symfony/webpack-encore --save-dev- 在项目的根目录下创建一个
webpack.config.js文件，并添加以下内容：
const Encore = require('@symfony/webpack-encore');
Encore
.setOutputPath('public/build/')
.setPublicPath('/build')
.addEntry('app', './assets/js/app.js')
.addStyleEntry('style', './assets/css/style.css')
.enableSingleRuntimeChunk()
.cleanupOutputBeforeBuild()
.enableBuildNotifications()
.enableSourceMaps(!Encore.isProduction())
.enableVersioning(Encore.isProduction())
.configureBabel((config) => {
config.plugins.push('@babel/plugin-proposal-class-properties');
})
.enableSassLoader()
.enablePostCssLoader()
.enableVueLoader()
.enableTypeScriptLoader()
;
module.exports = Encore.getWebpackConfig();- 在
package.json文件中添加以下脚本命令：
"scripts": {
"dev-server": "encore dev-server",
"dev": "encore dev",
"watch": "encore dev --watch",
"build": "encore production"
}- 在命令行中运行以下命令来编译和缩小CSS/JS文件：
npm run build- 编译完成后，你可以在
public/build目录下找到缩小后的CSS和JS文件。
使用Symfony/webpack-encore缩小CSS/JS文件的优势：
- 简化了前端资源管理和构建的过程，提高了开发效率。
- 支持自动化的资源缓存和版本管理，确保浏览器能够正确加载最新的文件。
- 支持Sass、Less、Vue、TypeScript等多种前端技术，提供了更灵活的开发选项。
Symfony/webpack-encore的应用场景：
- 适用于任何使用Symfony框架的项目，特别是需要进行前端开发和资源管理的项目。
- 适用于需要缩小CSS和JS文件，提高页面加载速度的项目。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
请注意，以上链接仅供参考，具体选择产品时请根据实际需求进行评估和决策。
相关·内容
我刚开始学习webpack，我不知道如何缩小所有的文件(js和css)。我知道怎么大口大口地喝，但是webpack...因此，我的配置文件如下所示：
var Encore = require('@symfony/webpack-encore');
Encore
// directory where compiled assets will be stored
.setOutputPath('public/build/')
// public path used by the web server to access the output
浏览 5提问于2020-05-25得票数 0
我想用西佛尼的webpack-安可来收录.
我在这里创建了一个实用的jsFiddle演示：。它使用了与我相同版本的引导、jQuery和。
然而，在我的本地Symfony项目中，它不起作用。当我单击"lightboxed“图像时，会在浏览器控制台中得到以下错误：
Uncaught TypeError: Cannot read property 'Constructor' of undefined
at new Lightbox (ekko-lightbox.js:97)
at HTMLAnchorElement.<anonymous> (ekko-lightb
浏览 0提问于2018-01-30得票数 4
14回答
我已经使用npm安装了webpack (Symfony encore)，如下所示：
sudo npm install -g @symfony/webpack-encore --save-dev
这是我在/var/www/project上运行的
在处理Windows主机/ Linux来宾时，由于包管理器和共享文件夹的问题，我被要求全局安装。
无法将webpack (node_modules)安装在与/var/www/project相同的目录(或其下
所以我的package.json文件看起来像这样：
{
"name": "test",
"ver
浏览 0提问于2017-09-22得票数 67
我有一个symfony 4 web应用程序，我试图缩小CSS，但它没有工作。我已经尝试了几个小时了，我还没能让它成为一个小型化的版本。我做错了什么吗？
webpack.config.js
var Encore = require('@symfony/webpack-encore');
Encore
// the project directory where compiled assets will be stored
.setOutputPath('public/build/')
// the public path used by t
浏览 0提问于2019-01-09得票数 0
回答已采纳
我正在使用Symfony 4，我的部署平台是Microsoft Azure。这是我的网站:。
我的问题是，当我的环境在生产环境中时，我的css和js没有加载。当在服务中检查我的页面时，我看到我的文件夹SynergieInformatique/public和另一个名为build的文件夹。里面有3个css文件，但里面什么都没有。我想我的css不是webpack在这些文件中写的。
我试着复制我的css并将其放入空的css文件中，它可以工作，但我不知道如何使用symfony。
当我在dev环境中时，文件夹build在SynergieInformatique/public中，并且加载了我的css。
##
浏览 0提问于2019-05-24得票数 1
1回答
我正在尝试将Webpack集成到PhpStorm (到我的Symfony 4应用程序中)。
一切正常(构建JS和CSS文件，.)但是IDE并不建议当我使用资产函数将构建的文件包含在twig模板中时：
我的config/packages/framework.yaml里有这个
framework:
assets:
json_manifest_path: '%kernel.project_dir%/public/build/manifest.json'
在package.json中
"devDependencies": {
&
浏览 3提问于2018-03-29得票数 2
回答已采纳
任何时候我试着运行安可，它都不能完成并且挂在...
$ /vagrant/app/node_modules/.bin/encore dev
Running webpack ...
我已经按照Symfony文档多次删除并重新安装了node_modules。已尝试仅使用npm，也尝试仅使用yarn。任何建议都将不胜感激。我已经包含了package.json和webpack.config.js，如果还有任何需要帮助的地方，请让我知道。
package.json
{
"devDependencies": {
"@symfony/webpack-encore"
浏览 37提问于2018-06-12得票数 1
回答已采纳
1回答
我一直在尝试为一个新项目配置Encore。CSS和JS的工作非常巧妙，但我想进一步研究这些图像。到目前为止，我只在我的构建中创建了一个尊重相同架构的映像副本：
//file: webpack.config.js
let Encore = require('@symfony/webpack-encore');
Encore
// the project directory where compiled assets will be stored
.setOutputPath('public/build/')
// the public path
浏览 2提问于2018-10-09得票数 2
回答已采纳
在一个Symfony5项目中，我使用VueJS框架(单文件组件)。
在我的组件VueJS样式部分中，我需要使用"url“css规则和文件路径定义。
特别是像这样的背景图像设计div：
<style lang="scss" scoped>
#presentation
{
height: 800px;
width: 100%;
background-image: url('/build/images/presentation.jpg');
}
</style>
浏览 12提问于2022-02-23得票数 0
我想从多个css/js文件中创建一个css/js文件。多个addEntry不能工作，请检查我的代码并给我解决方案。
var Encore = require('@symfony/webpack-encore');
Encore
// the project directory where compiled assets will be stored
.setOutputPath('web/build/')
// the public path used by the web server to access th
浏览 2提问于2018-06-01得票数 10
回答已采纳
安装Webpack Encore后的一个相对新鲜的Symfony 4.1.7项目抛出错误
在模板的呈现过程中抛出了一个异常(“无法找到Webpack的入口点文件：./public/build/entrypoints.json”“不存在”)。
其中模板在启动{{ encore_entry_link_tags('app') }}时包括http://127.0.0.1:8000/
我错过了什么？
$ yarn encore dev
Running webpack ...
DONE Compiled successfully in 1974ms
I 3 files
浏览 1提问于2018-11-22得票数 12
回答已采纳
5回答
我使用Symfony 4和Symfony Encore来处理资产和一些有用的特性，比如HMR。
目前，我可以处理Sass文件，CSS文件，JS等，它可以很好地工作与HMR。
现在，我希望能够让Weback服务器监视更改的*.twig文件，并触发活动重新加载(因为热重新加载不会成为服务器端呈现的模板的选项)。
我看过关于--watchContentBase和contentBase选项的事情，但在我的例子中，它没有起到任何作用：
WDS CLI：
./node_modules/.bin/encore dev-server --hot --disable-host-check --watchCont
浏览 2提问于2019-01-15得票数 7
我试图将Webpack Encore引入到我的Symfony 4应用程序中来管理JS & CSS资产。
我安装了yarn和nodejs。
然后是composer require encore，然后是yarn install。
我的app.js文件在assets/js/中。
/*
* Welcome to your app's main JavaScript file!
*
* We recommend including the built version of this JavaScript file
* (and its CSS file) in your base
浏览 2提问于2019-03-03得票数 5
回答已采纳
直观地说，我认为可以在configureDevServerOptions下配置writeToDisk选项，但尝试这样做会产生以下错误： Running webpack-dev-server ...
WARNING Webpack is already provided by Webpack Encore, also adding it to your package.json file may cause issues.
WARNING Passing an absolute URL to setPublicPath() *and* using the dev-server can
浏览 270提问于2021-08-18得票数 2
回答已采纳
我试图使用与Webpack Encore一起在Symfony 4应用程序中的基金会站点。当试图编译scss文件时，我得到以下错误：
./node_modules/.bin/encore dev
Running webpack ...
ERROR Failed to compile with 1 errors 6:42:54 AM
error in ./assets/css/app.css
浏览 8提问于2020-05-22得票数 1
我的app.js在本地运行得很好，但是当我在直播网站上运行时，我得到了一个404没有找到。该文件在/web/js文件夹中编译。
{% block javascripts %}
<script src="{{ asset('js/runtime.js')}}"></script>
<script src="{{ asset('js/app.js')}}"></script>
{% endblock %}
注意框架是symfony 2.8
webpac
浏览 0提问于2018-12-04得票数 0
我正在用Symfony4和VueJs构建一个项目，由nginx服务器托管，并与Docker一起运行。我的模板是OK的，但css和js文件在404中。
下面是我的nginx配置：
server {
listen 80;
listen [::]:80;
server_name symfony.local;
root /var/www/myproject/public;
location / {
try_files $uri /index.php$is_args$args;
}
location ~ ^/(index)\.p
浏览 21提问于2018-12-12得票数 2
回答已采纳
我不知道如何优化我的.js文件的大小，我的.js文件是由webpack通过symfony项目4上的webpack-安可编译的。
下面是我的布局资源/ js /app.js的js：
require('../css/app.css');
require('bootstrap/js/dist/index.js');
我的页面assets/ js /datatables.js的js：
require('../css/datatables.css');
require('datatables.net-bs4/js/dataTables.bootst
浏览 1提问于2018-08-16得票数 2
我已经用给定的命令symfony new app --webapp创建了一个Symfony完整的web应用程序。它附带了配置为的webpack-encore。我可以用npm run watch编译我的资产。但是浏览器不会在我的I进行更改时自动重新加载。我尝试过使用来跟踪Symfony的官方文档，但是没有起作用。
webpack.config.js (我刚刚删除了注释)：
const Encore = require('@symfony/webpack-encore');
if (!Encore.isRuntimeEnvironmentConfigured()) {
浏览 11提问于2022-03-05得票数 0
回答已采纳
我很难用Symfony 5加载Bootstrap的js，安可，刺激等等.
jquery、popper、corejs等都已安装，至少jquery正在工作.
app.scss和app.js似乎很好地使用sass、postcss和babel编译，包括Bootstrap的CSS。只是靴带的JS不存在，所以没有下降，等等。
资产/app.js
// any CSS you import will output into a single css file (app.css in this case)
import './styles/app.scss';
// start the St
浏览 15提问于2021-11-24得票数 0
回答已采纳
我想用手写笔代替sass来写我的风格，但我找不到任何信息来这么做。
下面是我在webpack.config.js中的实际配置
var Encore = require('@symfony/webpack-encore');
Encore
.setOutputPath('web/assets/')
.setPublicPath('/assets')
.cleanupOutputBeforeBuild()
.addEntry('app', './assets/js/main.js')
浏览 6提问于2017-08-03得票数 0
回答已采纳
我和webpack·恩科有一些问题。我正在尝试将这个库添加到我的项目中：，但是当我从这个库中对js文件(不管是否缩小)执行一个要求时，我得到了以下错误
jquery.js:3827 Uncaught ReferenceError: Blazy is not defined
at HTMLDocument.<anonymous> (reader_init.js:215)
at mightThrow (jquery.js:3534)
at process (jquery.js:3602)
我的要求如下：require('../vendor/bLazy/b
浏览 0提问于2018-06-18得票数 0
回答已采纳
我安装了symfony/webpack-encore，我想在其中使用jquery。因此，我在app.js文件中安装了jquery (使用yarn add jquery)和未注释的const $ = require('jquery')。
一切都能正确编译，但在我删除const $ = require('jquery')之前，不会执行任何js代码。(没有这行代码，一切都可以正常运行)
没有错误，什么都没有。
我尝试重新安装了encore，jquery，我甚至尝试了一个新的symfony-project。
app.js：
require('../css/app
浏览 40提问于2019-07-25得票数 0
我已经在4.3 Symfony应用程序上安装和配置了webpack安可。生成CSS和JS，并且路径看起来很好，但是php在这些文件上返回404错误。
它可以在另一个应用程序中运行，但找不到问题出在哪里
我把文件放在assets/css和asset/js中。当我运行yarn run encore dev时，文件被正确地复制到public/build/css和public/build/js
下面是输出：
4 files written to public/build
Entrypoint js/app = js/app.css js/app.js
Entrypoint css/cover = c
浏览 3提问于2019-08-01得票数 0
我试着在Symfony中使用Encore。
我执行命令：
./node_modules/.bin/encore dev
这还我的错误：
path.js:7
throw new TypeError('Path must be a string. Received ' + inspect(path));
^
TypeError: Path must be a string. Received undefined
at assertPath (path.js:7:11)
at Object.join (path.js:1211:7)
at
浏览 4提问于2017-06-20得票数 2
刚刚开始使用Symfony和Encore/Webpack。
我学习了Symfony的教程，我的webpack.config.js如下：
var Encore = require('@symfony/webpack-encore');
Encore
.setOutputPath('public/build/')
.setPublicPath('/build')
.addEntry('app', './assets/js/app.js')
.addStyleEntry('gl
浏览 0提问于2018-02-16得票数 0
回答已采纳
1回答
我想缩小我的项目在symfony的所有css和js。
在Symfony 3中，我将Assetic用于JS，如下所示：
{% javascripts
'@AppBundle/Resources/public/js/*'
'@AcmeBarBundle/Resources/public/js/form.js'
'@AcmeBarBundle/Resources/public/js/calendar.js' %}
<script src="{{ asset_url }}"></scrip
浏览 2提问于2020-07-18得票数 0
我在Symfony 5.3有一个项目，在那里我和webpack一起管理JS。我已经能够在DEV环境中编译JS文件，但是当我试图通过运行encore产品在PROD中部署时，我得到了以下错误
[webpack-cli] TypeError: The 'compilation' argument must be an instance of Compilation
at Function.getCompilationHooks (C:\www\dev\SugaSymfony\node_modules\webpack\lib\NormalModule.js:207:10)
浏览 11提问于2022-02-01得票数 0
目录结构
admin/ -> backend webpack
js/
.yarnrc
webpack.config.js
package.json
assets/ -> frond webpack
管理/文件内容：
.yarnrc
--modules-folder node_modules_admin
这将正确地创建admin/node_modules_admin Admin使用引导程序3，而前端使用引导4，因此需要单独的文件夹。
webpack.config.js
var Encore = require('@symfony/webpack-encore&
浏览 0提问于2018-11-14得票数 3
我在中使用Webpack Encore，我得到了以下错误：
编译失败。
DefinePlugin
“process.env”的冲突值
我的webpack.config.js：
const Dotenv = require('dotenv-webpack')
const Encore = require('@symfony/webpack-encore')
if (!Encore.isRuntimeEnvironmentConfigured()) {
Encore.configureRuntimeEnvironment(process.env.NOD
浏览 3提问于2021-05-07得票数 1
在我的主Mac上构建了一个交响乐项目之后，我想在我的MacBook上运行它。
以下是我所做的步骤：
projectcomposer 克隆GitHub回购cd我的安装npm安装npm运行监视<code>F 211</code>
我想要npm run watch来创建manifest.json文件。
以下是运行npm run watch后遇到的错误：
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about thi
浏览 4提问于2022-06-09得票数 -1
回答已采纳
1回答
我学习了 (splitEntryChunks)教程，以了解在使用Webpack Encore和Symfony时文件是如何分割的。
不幸的是，我仍然不能很好地理解它，我不断得到许多重复。我有以下app.scss文件：
// Config
@import "vars/_vars.scss";
@import "mixins/_fontface.scss";
@import "base/_common.scss";
此文件包含站点的basic样式，总是在base.html.twig中导入。
<head>
{% blo
浏览 2提问于2019-09-30得票数 1
3回答
我找不到任何有用的东西(可能因为我没有经验丰富的web开发人员)来设置Vuetify与Symfony项目。我错过了一个css-loader，无法确定应该如何设置它。
// webpack.config.js
var Encore = require('@symfony/webpack-encore');
const { VueLoaderPlugin } = require('vue-loader');
Encore
// the project directory where all compiled assets will be sto
浏览 3提问于2018-07-10得票数 5
回答已采纳
1回答
我怎样才能让webpack/安可跑？
纱运行安可
yarn run v1.10.1
$ /var/www/html/symfony-dev/node_modules/.bin/encore dev --watch
Running webpack ...
webpack is watching the files…
(node:6631) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
/var/www/html/symfony-dev/node_modules/webpac
浏览 2提问于2018-10-11得票数 0
回答已采纳
我尝试在一个Symfony 4项目中使用数据，使用Webpack Encore，我读过，很多教程和问题，但我仍然不知道如何使它工作.我尝试了所有可能的配置，我得到了错误，或只是什么都没有发生。我的结尾是：
包版本(package.json):
{
"devDependencies": {
"@fortawesome/fontawesome-free": "^5.6.3",
"@symfony/webpack-encore": "^0.22.0",
"b
浏览 1提问于2019-11-04得票数 1
回答已采纳
我在Symfony中使用React，安装了Jest和酵素来测试反应组件，但是当试图用yarn test或甚至yarn test --no-cache运行测试时，出现了以下错误：
这是我的package.json文件：
{
"devDependencies": {
"@symfony/webpack-encore": "^0.20.1",
"babel-jest": "^23.2.0",
"babel-preset-env": "^1.7.0",
浏览 1提问于2018-07-03得票数 5
从一个新的Symfony 4项目中，当我运行以下命令时：
./node_modules/.bin/encore dev-server --hot
然后修改scss文件(通过示例更改主体标记的背景颜色)，shell就会做出反应。
但是我的浏览器不会自动刷新！我总是必须手动重新加载页面，以查看最新的css更改。我可以在哪里做蛋糕？
谢谢！
=>我用不同的浏览器测试了 =>，如果我修改了自定义的javascript文件，浏览器自动刷新！相反，当我更改scss文件时
=>我的资产目录结构:
=> My webpack.config.js conte
浏览 0提问于2018-09-29得票数 5
2回答
我遵循文件，让Webpack在我的项目中工作。在webpack.config.js中导入的js文件工作正常，但我在特定于页面的js：$ is not defined中有一个问题。
Webpack.config.js：
const Encore = require('@symfony/webpack-encore');
var webpack = require('webpack');
Encore
.setOutputPath('public/build/')
.setPublicPath('http://localhost/tharm
浏览 1提问于2018-02-25得票数 9
有了这个webpack.config.js，我可以成功地编译，但绝对没有任何东西被缩小。注释和完整的变量名仍然存在。 var Encore = require('@symfony/webpack-encore');
const TerserPlugin = require('terser-webpack-plugin');
Encore
// the project directory where compiled assets will be stored
.setOutputPath('public/build/')
浏览 71提问于2019-06-29得票数 1
我正在我的Symfony的.enableVersioning() Encore上使用。这与环境类型无关。但是，我在本地编译时注意到的一个问题是，CSS/JS资产正在创建同一文件的重复版本化项。下面是一个示例： ? 我如何让它替换文件而不是复制它？尤其是当我在本地运行yarn encore dev --watch时？ 这是我的webpack.config.js文件： const Encore = require('@symfony/webpack-encore');
// Manually configure the runtime environment if no
浏览 26提问于2021-07-30得票数 1
回答已采纳
1回答
我在Symfony application.But中集成了模板reactjs，当我运行我的应用程序时，我的应用程序显示一个空白页面。
请帮帮我!
我使用的是symfony4和react js，还有webpack的安可。
这是我的layout.html.twig：
<!DOCTYPE html>
<html>
<body>
{% block body %}
<div id="root"></div>
浏览 3提问于2018-11-14得票数 0
我最近在Symfony开始了一个新的项目，我做了所有的事情，，但它没有帮助。
我第一次在Symfony工作，这是我的第一个项目。我严格遵循文档，我试图添加一些CSS，但它现在起作用了。我使用Encore并按照文档的要求下载了Yarn。下面我会上传一些我的代码。看上去不错，但不是。
html.twig
<!DOCTYPE html>
<html lang="en" xmlns:th="http:thymeleaf.org">
<head>
<title>Events & People</title&g
浏览 0提问于2018-12-30得票数 0
回答已采纳
jQuery不工作，我不能使用我的引导下拉，自定义javascript.
在npm run dev (或npm run build)之后，app.js文件被很好地创建并加载到浏览器中。
编译是在没有错误的情况下完成的。
我试着启用.autoProvidejQuery()，然后启用npm run dev / npm run build，但是没有什么改变。
我正在使用Symfony 4.1.6
解决方案发现
将webpack.config.js中的.enableSingleRuntimeChunk()更改为.enableSingleRuntimeChunk
如果您只是在行上进行注释，它可以工作，但
浏览 0提问于2019-01-07得票数 7
回答已采纳
我正在使用Symfony的函数包，我意识到有一件事是，对于单个按钮onclick = WebPack.Encore ()，我的函数没有定义，而如果我把它放在一个document.ready中，它就能工作。你能给我解释一下如何在onclick上调用这个函数吗？
// file.js
function newInvLine(){
alert("Hi");
}
// html
<a href="#" onclick="newInvLine();">TEST</a>
我的webpack.config
var Encore =
浏览 2提问于2018-09-28得票数 2
我使用Twig呈现电子邮件。
为了将CSS直接导入到电子邮件中，我执行了以下操作：
<style>
{{ source('@public/build/email.css') }}
</style>
这在开发环境中工作得很好，但在生产环境中就不行了，因为在生产环境中，资产是版本化的(例如email.dfase343.css)。
是否可以仅禁用此单个文件的版本控制？
我的webpack.config.js非常基础：
var Encore = require('@symfony/webpack-encore');
Encore
浏览 0提问于2018-10-12得票数 3
我正在使用Symfony + Vue.js，并且我想在所有vue组件中导入我的_variables.sccs文件。我想在所有组件的样式块中使用scss变量
我知道如何在使用vue-cli (使用vue.config.js配置文件)创建的vue应用程序中做到这一点，但我已经尝试在Encore使用的webpack.config.js中以不同的方式复制它。而且也没有办法让它发挥作用。
这是我的webpack.config.js文件：
var Encore = require('@symfony/webpack-encore');
Encore
.setOutputPath(
浏览 0提问于2020-02-26得票数 3
1回答
我在我的Ubuntu20.04系统上用PHP8.1安装了Symfony 6.1.5。我使用的是nginx 1.18.0和mysql 5.7。之后，我运行了一个命令composer require symfony/webpack-encore-bundle来使用encore并运行yarn install。我将css和js文件添加到assets文件夹中。我在app.js文件中导入了css和js文件。它工作得很好，但需要很长时间才能加载。当我打开Chrome网络检查工具时，它告诉我，我的js文件正在加载23秒19秒。为什么这么久？我怎么才能修好它？
下面是我的webpack.config.js
浏览 12提问于2022-10-23得票数 0
1回答
不能运行encore
、、、
为什么我有这个错误，当我想要使用纱运行安可开发？当我想要添加sass时，我会得到警告“>sass-加载程序@6.0.7”有未满足的对等依赖关系"webpack@^2.0.0欧元^3.0.0 \x ^4.0.0“。但为什么？我无法从github安装这个模块npm安装--保存child_process叉-ts-检查器-webpack-插件fs模块net readline spdx-exceptions spdx-id spdx-license-id/deprecated
纱线长丝开发
采购产品$1.5.1$ c:\xampp\htdocs\dashboard\Symfony\pppp
浏览 0提问于2018-03-19得票数 2
引言
我正在一个需要文件上传的项目上试用Symfony 4.1 + Yarn + Webpack Encore。为此，我选择了OneUpUploaderBundle和Blueimp jquery file upload前端。
但是，被需要的配置量稍微踩了一下，就像反对旧的scool方法一样，在任何需要的地方添加CSS和JavaScript --但是没有包管理的优点。
当然，用包管理器轻松地更新依赖关系是有代价的。但是，当初始配置构建完成编译之后，就很容易了，或者被认为是简单的。
问题
我希望能够使用前面提到的库组合上传文件。我正在寻找正确的配置。
目前，构建不编译-我得到一个错误！
ERROR
浏览 0提问于2018-08-06得票数 5
回答已采纳
1回答
样式不适用于单个文件组件
、、、
我使用。我创建了一个单独的文件组件(配料-search.vue)：
<template>
<article class="content">
<section class="autogrid overlay">
<form action="#" name="chooseIngredient" method="post" @submit="chooseIngredient">
浏览 13提问于2018-01-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
