علیرضا
3 سال پیش توسط علیرضا مطرح شد
2 پاسخ

لاراول میکس و هندل کردن چند فایل css باهم

درود بر مهندسین 🌹 بنده به یک مشکل در لاراول میکس خوردم که می خوام چند فایل Cssتبدیل کنم در پوشه public از این طریق میشه و درست عمل می کنه

  mix.postCss('resources/css/menu/bootstrap.min.css', 'public/menu/css')
    .postCss('resources/css/menu/main.css', 'public/menu/css')

اما چون تعداد فایل زیاده من می خوام از این روش استفاده کنم که ارور زیر میده!

  mix.styles([
        'resources/css/menu/bootstrap.min.css',
            'resources/css/menu/main.css'],
        'public/menu/css')

اینم ارور

[webpack-cli] AssertionError [ERR_ASSERTION]: mix.combine() requires a full output file path as the second argument. Got C:\Users\AsemaN\Desktop\AryaBMS\public\men
u\css
    at Function.combine (C:\Users\AsemaN\Desktop\AryaBMS\node_modules\laravel-mix\src\Assert.js:54:9)
    at Combine.addTask (C:\Users\AsemaN\Desktop\AryaBMS\node_modules\laravel-mix\src\components\Combine.js:49:16)
    at Combine.register (C:\Users\AsemaN\Desktop\AryaBMS\node_modules\laravel-mix\src\components\Combine.js:29:14)
    at Object.components.<computed> [as styles] (C:\Users\AsemaN\Desktop\AryaBMS\node_modules\laravel-mix\src\components\ComponentRegistrar.js:163:49)
    at Object.<anonymous> (C:\Users\AsemaN\Desktop\AryaBMS\webpack.mix.js:34:8)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Module.require (internal/modules/cjs/loader.js:952:19) {
  generatedMessage: false,
  code: 'ERR_ASSERTION',
  actual: false,
  expected: true,
  operator: '=='
}
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! AryaBMS@1.0.0 development: `mix`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the AryaBMS@1.0.0 development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\AsemaN\AppData\Roaming\npm-cache\_logs\2022-01-13T09_50_55_254Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! AryaBMS@1.0.0 dev: `npm run development`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the AryaBMS@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\AsemaN\AppData\Roaming\npm-cache\_logs\2022-01-13T09_50_55_385Z-debug.log

خیلی ممنون میشم راهنماییم کنید و یه سوال ریز دیگه اینکه در انتها این فایل ها برای js و css بعضی وقتی ها دیدم version();
قرار میدن کار این چیه؟


ثبت پرسش جدید
mehdi
@mehdi.ch92 3 سال پیش مطرح شد
0

سلام قسمت دوم که آدرس قایل خروجی را دادین اسم فایل دلخواه با فرمت css هم اضافه کنید.
public/menu/css/app.css
به این شکل بنویسین.
app اسم دلخواه هست.


احسان داوری
تخصص : برنامه نویس
@ehsndvr 3 سال پیش مطرح شد
0

سلام قسمت دومی که شما دادین توی این کد

mix.styles([
        'resources/css/menu/bootstrap.min.css',
            'resources/css/menu/main.css'],
        'public/menu/css')
این قسمت     'public/menu/css'

باید به این صورت نوشته بشه

mix.styles([
        'resources/css/menu/bootstrap.min.css',
            'resources/css/menu/main.css'],
        'public/menu/allcss.css')

چرا به این صورت نوشتم ؟ این یعنی شما تمام فایل های css رو یک فایل میکنید و ازش استفاده میکنید.
ـــــــــــــــــــــــــــــ
نسخه (Version) رو برای این انجام میدن که هربار شما یک فایل ترکیب شده جدید میسازید ، حافظه های کش ایجاد شده دوباره تعریف بشه


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام