webpack4+babel+ESLint+uglify

$ npm install --save-dev webpack　webpack-cli
$ npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/polyfill babel-loader
$ npm install --save-dev eslint eslint-loader

$ npm install --save-dev webpack　webpack-cli

$ npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/polyfill babel-loader

$ npm install --save-dev eslint eslint-loader

設定

const path = require('path');

module.exports = {
  mode: 'production',
  entry: './src/index.js',
  output: {
    filename: 'app.js',
    path: path.resolve(__dirname, 'js')
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: [
          {
            loader: 'babel-loader'
          }, {
            loader: 'eslint-loader',
          },
        ]
      },
    ]
  },
  watch: false,
  watchOptions: {
    aggregateTimeout: 300,
    poll: 1000
  }
}

const path = require('path');

module.exports = {

mode: 'production',

entry: './src/index.js',

output: {

filename: 'app.js',

path: path.resolve(__dirname, 'js')

module: {

rules: [

{

test: /\.js$/,

exclude: /node_modules/,

use: [

{

loader: 'babel-loader'

}, {

loader: 'eslint-loader',

]

watch: false,

watchOptions: {

aggregateTimeout: 300,

poll: 1000

}

参考

公式：webpack

公式：Babel

公式：ESLint

webpack

babel

ESLint

uglify

インストール

設定

参考

返信を残す コメントをキャンセル

返信を残すコメントをキャンセル