Webpack 带有网页包的ES6不'；即使我不工作也不行；我没有得到任何错误_Webpack_Ecmascript 6

Webpack 带有网页包的ES6不'；即使我不工作也不行；我没有得到任何错误

webpack ecmascript-6

Webpack 带有网页包的ES6不'；即使我不工作也不行；我没有得到任何错误,webpack,ecmascript-6,Webpack,Ecmascript 6,我遵循一个教程，安装了webpack，以便在每个浏览器中使用ES6。当我在app.js中只放了一个console.log（'Hello World！'）时，我在控制台上并没有得到任何东西，但首先我使用了命令'npm run build'。即使在comand提示符中，我也没有得到任何错误，所以我很困惑。我不知道发生了什么事 package.json { "name": "es6modules", "version": "1.0.0", "description": "", "main":

我遵循一个教程，安装了webpack，以便在每个浏览器中使用ES6。当我在app.js中只放了一个console.log（'Hello World！'）时，我在控制台上并没有得到任何东西，但首先我使用了命令'npm run build'。即使在comand提示符中，我也没有得到任何错误，所以我很困惑。我不知道发生了什么事

package.json

{
 "name": "es6modules",
 "version": "1.0.0",
 "description": "",
 "main": "app.js",
 "scripts": {
   "build": "webpack --progress --watch"
  },
 "author": "",
 "license": "ISC",
 "dependencies": {
  "flickity": "^2.0.5",
  "insane": "^2.6.2",
  "jquery": "^3.2.1",
  "jsonp": "^0.2.1",
  "lodash": "^4.17.4",
  "slug": "^0.9.1"
 },
  "devDependencies": {
  "awesome-typescript-loader": "^3.1.2",
  "babel-core": "^6.24.0",
  "babel-loader": "^6.4.1",
  "babel-preset-es2015": "^6.24.0",
  "babel-preset-react": "^6.23.0",
  "typescript": "^2.2.2",
  "webpack": "^2.3.3"
 }
}

webpack.config.js

const webpack = require('webpack');
const nodeEnv = process.env.NODE_ENV || 'production';

// entry - where do u want to start app
// loaders - how should I handle spec file
module.exports = {
  devtool: 'source-map',
  entry: {
     filename: './app.js'
},
output: {
    filename: '_build/bundle.js'
},
module: {
    loaders: [
        {
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel-loader',
            query: {
                presets: [["es2015", { "modules": false }]]
            }
        }
    ]
},
plugins: [
    // compress js - uglify js
    new webpack.optimize.UglifyJsPlugin({
        compress: { warnings: false },
        output: { comments: false },
        sourceMap: true 
    }),
    // set the actual environment - env plugin
    new webpack.DefinePlugin({
        'process.env': { NODE_ENV: JSON.stringify(nodeEnv)}
    })
  ]
}

app.js

import { uniq } from 'lodash';
import insane from 'insane';
import jsonp from 'jsonp';

console.log('Hello World!');
const ages = [1, 1, 4, 52, 12, 4];
console.log(uniq(ages));

index.html

<html>
<head>
  <title>JS Modules</title>
</head>
<body>
  <h3>Hello World</h3>
  <script scr="_build/bundle.js"></script>
</body>


JS模块
你好，世界

您的脚本标签应该是

src

而不是

scr

…^这确实可以解决问题……谢谢大家。信不信由你，我只是在学习js，我几乎花了一整晚的时间思考问题。我希望src中的文件名是正确的，但我想我太累了，甚至连我没有看到的那个小东西：）。所有代码都来自es6.io教程。我自己一句话也没写。