如何在https laravel中运行链接css和js的URL
在https Laravel中运行链接CSS和JS的URL，可以按照以下步骤进行操作：
- 在Laravel项目中，将CSS和JS文件放置在public目录下的相应文件夹中，例如将CSS文件放置在public/css目录下，将JS文件放置在public/js目录下。
- 在Laravel的视图文件中，使用asset函数来生成CSS和JS文件的URL。asset函数会根据项目的配置生成正确的URL，包括https协议。
- 例如，要链接一个CSS文件，可以在视图文件中使用以下代码：
- 例如，要链接一个CSS文件，可以在视图文件中使用以下代码：
- 要链接一个JS文件，可以在视图文件中使用以下代码：
- 要链接一个JS文件，可以在视图文件中使用以下代码：
- 这样，Laravel会根据项目的配置生成正确的URL，例如https://yourdomain.com/css/style.css。
- 在Laravel项目中，可以使用Laravel Mix来编译和打包CSS和JS文件。Laravel Mix是Laravel提供的一种前端工具，可以简化前端资源的管理和构建过程。
- 首先，确保已经安装了Node.js和npm。然后，在项目根目录下运行以下命令安装Laravel Mix：
- 首先，确保已经安装了Node.js和npm。然后，在项目根目录下运行以下命令安装Laravel Mix：
- 在package.json文件中，可以配置Laravel Mix的编译和打包规则。例如，可以在scripts字段中添加以下代码：
- 在package.json文件中，可以配置Laravel Mix的编译和打包规则。例如，可以在scripts字段中添加以下代码：
- 然后，在命令行中运行以下命令来编译和打包CSS和JS文件：
- 然后，在命令行中运行以下命令来编译和打包CSS和JS文件：
- 这样，Laravel Mix会根据配置的规则，将CSS和JS文件编译和打包到public目录下的相应文件夹中。然后，可以使用asset函数来生成链接这些文件的URL。
总结： 在https Laravel中运行链接CSS和JS的URL，可以将CSS和JS文件放置在public目录下的相应文件夹中，并使用asset函数来生成链接这些文件的URL。另外，可以使用Laravel Mix来简化前端资源的管理和构建过程。
相关·内容
1回答
如何在Laravel项目中启动React应用程序
reactjs、laravel、npm、npm-start
我在同一个文件夹中有一个Laravel应用程序和react应用程序。npm start没有运行，并给出错误"npm ERR！missing script: start“，当我输入命令npm run dev时，它正在运行，但如何运行只对Laravel项目中的开发做出反应，而不进行构建。
React文件位于resources/js laravel文件夹中
package.json是
"scripts": {
"dev": "npm run development",
"development": "cr
浏览 12提问于2021-05-25得票数 0
1回答
Laravel Mix -如何观察多个入口点的变化
laravel、laravel-5、npm、webpack、laravel-mix
我已经像这样拆分了前端和管理webpack.mix文件： webpack.mix.js： let mix = require('laravel-mix');
if (process.env.section) {
require(`${__dirname}/webpack.mix.${process.env.section}.js`);
} 然后是一个单独的webpack.mix.admin.js和webpack.mix.website.js文件，用于控制package.json中的以下混合： "scripts": {
"dev&#
浏览 26提问于2019-06-05得票数 1
1回答
npm:缺少Laravel目录
laravel、laravel-mix
我试图在Laravel项目上运行npm run dev，但是我得到了以下错误。
错误:找不到模块'/home/faramarz/todo/node_modules/laravel-mix/setup/webpack.config.js‘
是的，节点-模块/ dir中没有这样的文件。但我运行npm install没有任何问题。我还运行了npm i laravel-mix，但它没有安装它。
package.json
{
"private": true,
"scripts": {
"dev": "npm run deve
浏览 0提问于2018-08-31得票数 11
回答已采纳
2回答
在Laravel中运行npm安装(VueJs和依赖项)
laravel、npm、vue.js
我在系统中安装了全新的Laravel，删除了所有nodejs和npm包和文件夹，并重新安装了最新版本。我做了所有的工作，但是到目前为止我还不能运行npm install和npm run dev。你能帮帮我吗?
关注package.json
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development no
浏览 0提问于2018-03-09得票数 1
1回答
Laravel Auth脚手架无法正确渲染
laravel、laravel-5
我创建了一个新的Laravel5.4应用程序。我运行php artisan make:auth来创建脚手架。我运行npm run dev来编译CSS/Javascript。
当访问/login时，页面不会呈现--就像没有CSS的HTML一样。
浏览器控制台中的错误是：
Uncaught ReferenceError: $ is not defined
at app.js:1
layouts/app.blade.php文件包括预期的app.js和app.css。
为什么渲染不正确？我在安排表上漏了一步吗？
编辑: package.json
{
"private": t
浏览 10提问于2017-06-01得票数 0
1回答
Laravel + IE + Axios = "Promise is undefined。“
laravel、laravel-5
我有以下使用Axios在Laravel中运行AJAX请求的代码：
axios.post('Ajax/upload',{key:this.key})
.then(function(response)
{
console.log(response);
}).catch(function(response) {
console.log(response)
});
它在Chrome中运行良好，但在Internet Explo
浏览 4提问于2018-08-13得票数 0
回答已采纳
2回答
我能用php工匠服务npm运行手表吗？
laravel、npm-scripts
我可以在同一个npm脚本中运行npm和php artisan服务吗？我试过以下几种方法: npm手表和浏览器同步都是工作的，但是php服务没有被触发。
package.json
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_m
浏览 2提问于2020-05-04得票数 1
回答已采纳
1回答
Laravel npm监视任务失败，错误为“cannot read property”module“of undefined”
node.js、laravel、npm、webpack
我使用的是Laravel 5.6.34，Node 8.11.1和NPM 6.0.0。
我需要将我的scss编译成css，并让Laravel监视对我的文件的更改，这样我就不必每次都手动编译。但是，当我运行npm watch或npm watch-poll时，我得到以下错误：
Cannot read property 'module' of undefined
它在开发和监视脚本时失败。
当我运行npm run dev时，它会编译我的更改。
我尝试将package.json文件中的npm run脚本更改为："node node_modules/cross-env/bin/cr
浏览 53提问于2018-09-05得票数 0
回答已采纳
2回答
laravel混合purifyCss选项不起作用
laravel、laravel-mix、purifycss
我想使用purifyCss的拉拉-混合。该功能在一个全新的安装上运行良好，但当我试图从较旧版本的laravel-mix升级时，不会发生任何事情，也不会显示错误。
这是currect package.json文件
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webp
浏览 1提问于2018-02-27得票数 0
回答已采纳
1回答
npm不会使用Laravel/ file安装package.json文件中列出的软件包
node.js、laravel-5、npm-install、homestead
我在我的Laravel Homestead上遇到了"npm install“的问题，问题是npm不会安装package.json文件中列出的包，比如laravel-mix……等。
我已经在我的homestead机器上安装了nodejs和npm的最新版本。这是我的package.json：
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross
浏览 0提问于2018-06-08得票数 1
1回答
在laravel 5中组合app.js中的js文件
laravel、npm、laravel-5.4、laravel-mix
您好，我想在laravel 5.4上创建一个app.js
webpack.mix.js
mix.js('resources/assets/js/app.js', 'public/js');
在package.josn中
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modu
浏览 0提问于2017-08-28得票数 0
1回答
npm run dev不在Laravel 7项目中工作。
laravel、npm、webpack
我正在使用Laravel 7，安装了auth引导程序并运行了npm install命令。在运行npm run dev命令后，发生了以下错误消息：
cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js
[webpack-cli] Error: Unknown option '--hide-modules'
[webpack-cli]
浏览 9提问于2021-06-28得票数 1
2回答
未定义的ReferenceError: Vue在使用laravel-mix webpack时没有定义。
laravel、webpack、vue.js、laravel-mix
我和webpack一起用laravel来包含Vue，但是它总是导致这个错误：
未定义的ReferenceError: Vue未定义
我使用这个命令编译文件：
npm运行开发
我从以下文件编译Vue：webpack.mix.js
let mix = require('laravel-mix');
mix.webpackConfig({
externals: {
'vue':'Vue',
'vuejs-dialog': 'VuejsDialog'
}
}
浏览 0提问于2018-07-30得票数 1
4回答
拉勒维尔- npm运行表-反复运行-不间断
laravel、npm
我安装了Laravel。我使用Visual代码在Windows 10上进行开发。我已经安装了npm和节点。并使用package.json命令运行基于Laravel的默认npm install的安装。我保持文件不变，如下所示：
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/b
浏览 4提问于2017-05-13得票数 4
回答已采纳
1回答
Laravel5.4 npm运行开发错误
laravel
修复：解决方案是删除node_modules文件夹并重新运行npm安装，之后一切都正常。
我在Laravel上遇到了一些问题，试图运行"npm“，我得到了以下错误：
Asset Size Chunks Chunk Names
/js/app.js 1.18 MB 0 [emitted] [big] /js/app
mix-manifest.json 32 bytes [emitted]
npm ERR! code ELIFECYCLE
浏览 2提问于2017-04-13得票数 0
3回答
fresh Laravel 5.4上的“npm run dev”命令错误
php、node.js、laravel、webpack、laravel-5.4
我已经为此挣扎了5个小时了。下面是我尝试在新的Laravel安装上运行"npm run dev“时得到的错误
> @ dev /var/www/html/capsule
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js
events.js:160
throw er; // Unhandled 'err
浏览 0提问于2017-03-28得票数 8
回答已采纳
2回答
npm运行构建缺失脚本
laravel、vue.js、npm
我们在运行命令npm运行构建时遇到了这些错误
npm ERR! missing script: build
在package.json中添加构建脚本部分时
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modu
浏览 5提问于2020-04-30得票数 0
回答已采纳
1回答
postCss不使用laravel-mix，scss和尾风
npm、laravel-mix、postcss、tailwind-css
我很难用tailwindcss和postCss来优化laravel-mix和Scss。生成正确css的npm run dev。但是，对于生产构建，npm run prod并不导出我在HTML模板中使用过的类。
package.json
{
"name": "school",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"
浏览 3提问于2020-04-18得票数 4
1回答
新安装的laravel 5.6中npm安装错误
node.js、laravel、npm、laravel-5.6
在新的npm install安装上运行windows 7 32 bit、npm version 5.7.1、node v9.5.0时，会出现以下错误
npm错误！路径D:\xampp\htdocs\2018\thehealthsearch\node_modules\node-sass\node_modules\har-validator\bin\har-validator npm错误！代码ENOENT npm错误！错误-4058国家预防机制错误！赛斯卡尔德npm错了！enoent ENOENT:没有这样的文件或目录，chmod 'D:\xampp\htdocs\2018\thehea
浏览 0提问于2018-03-14得票数 1
回答已采纳
1回答
Laravel脚本不监视更改
laravel、npm、webpack、laravel-mix、npm-scripts
我使用webpack运行手表的.js文件被改变，但我需要使用通配符，而不是特定的文件名为我的项目。我目前正在使用下面的命令，它运行良好，在运行npm run watch时编译所有预期的文件，但在对任何文件进行直接更改后，它将不再运行。我必须停止观看，一次又一次地重复运行同一个命令。我遗漏了什么吗？
const mix = require('laravel-mix');
mix.scripts([
'resources/js/vendor/**/*.js',
'resources/js/modules/**/*.js',
浏览 4提问于2020-08-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
