Webpack Laravel Mix-JS as ES2016
默认情况下(用于生产),Laravel Mix将JS转换为ES5。我希望能够管理它,并在需要时关闭它。这是我的档案: webpack.mix.js:Webpack Laravel Mix-JS as ES2016,webpack,laravel-mix,Webpack,Laravel Mix,默认情况下(用于生产),Laravel Mix将JS转换为ES5。我希望能够管理它,并在需要时关闭它。这是我的档案: webpack.mix.js: let mix = require('laravel-mix'); mix.disableNotifications(); mix.setPublicPath('./'); mix.js([ '_dev/js/Core.js' ], 'public/dist/js/scripts.js'); class Core { constru
let mix = require('laravel-mix');
mix.disableNotifications();
mix.setPublicPath('./');
mix.js([
'_dev/js/Core.js'
], 'public/dist/js/scripts.js');
class Core {
constructor()
{
console.log('Hello World!');
}
}
new Core();
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"browserslist": [
"chrome 60",
"firefox 55",
"safari 11"
],
"devDependencies": {
"cross-env": "^5.2.0",
"laravel-mix": "^1.0"
}
}
\u dev/js/Core.js:
let mix = require('laravel-mix');
mix.disableNotifications();
mix.setPublicPath('./');
mix.js([
'_dev/js/Core.js'
], 'public/dist/js/scripts.js');
class Core {
constructor()
{
console.log('Hello World!');
}
}
new Core();
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"browserslist": [
"chrome 60",
"firefox 55",
"safari 11"
],
"devDependencies": {
"cross-env": "^5.2.0",
"laravel-mix": "^1.0"
}
}
package.json:
let mix = require('laravel-mix');
mix.disableNotifications();
mix.setPublicPath('./');
mix.js([
'_dev/js/Core.js'
], 'public/dist/js/scripts.js');
class Core {
constructor()
{
console.log('Hello World!');
}
}
new Core();
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"browserslist": [
"chrome 60",
"firefox 55",
"safari 11"
],
"devDependencies": {
"cross-env": "^5.2.0",
"laravel-mix": "^1.0"
}
}
我可以用某种方式更改预设吗?理想情况下,巴贝尔会考虑浏览器列表,并基于它们转换JS。例如,如果我有IE11,就有ES2015,如果不是ES2016
Laravel Mix的AutoRefixer支持浏览器列表,效果极佳
提前感谢您的帮助