小编Sup*_*per的帖子

Webpack.config如何只将index.html复制到dist文件夹

我试图自动化资产进入/ dist.我有以下config.js:

module.exports = {
  context: __dirname + "/lib",
  entry: {
    main: [
      "./baa.ts"
    ]
  },
  output: {
    path: __dirname + "/dist",
    filename: "foo.js"
  },
  devtool: "source-map",
  module: {
    loaders: [
      {
        test: /\.ts$/,
        loader: 'awesome-typescript-loader'
      },
      { test: /\.css$/, loader: "style-loader!css-loader" }
    ]
  },
  resolve: {
    // you can now require('file') instead of require('file.js')
    extensions: ['', '.js', '.json']
  }
}
Run Code Online (Sandbox Code Playgroud)

我还想在运行webpack时将/ lib中的main.html包含在/ lib文件夹中的/ dist文件夹中.我怎样才能做到这一点?

更新1 2017_____________

我现在最喜欢的方法是使用html-webpack-plugin带有模板文件.感谢接受的答案!这种方式的优点是索引文件也将添加开箱即用的cachbusted js链接!

webpack

175
推荐指数
7
解决办法
11万
查看次数

Webpack/Babel/React构建错误:"未知选项:foo/node_modules/react/react.js.Children"

我正在尝试使用webpack构建一个项目并对此webpack配置做出反应:

var path = require('path');
var webpack = require('webpack');

module.exports = {
  entry: [
    'babel-polyfill',
    './app/less/main.less',
    './app/main.js',
    'webpack-dev-server/client?http://localhost:8080'
  ],
  output: {
    publicPath: '/',
    filename: 'dist/main.js'
  },
  debug: true,
  devtool: 'source-map',
  module: {
    loaders: [
      {
        test: /\.js$/,
        include: path.join(__dirname, 'app'),

        loader: 'babel-loader',
        query: {
          presets: ['react', 'es2015']
        }
      },
      {
        test: /\.less$/,
        loader: "style!css!autoprefixer!less"
      },
    ]
  }
};
Run Code Online (Sandbox Code Playgroud)

我确信我也有所需的pm模块并安装了webpack,但是当运行webpack时,我得到:

Module build failed: ReferenceError: [BABEL] /Users/me/foo/app/main.js: Unknown option: foo/node_modules/react/react.js.Children
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

reactjs webpack babeljs

79
推荐指数
1
解决办法
1万
查看次数

在没有安装Visual Studio的情况下获取msbuild.exe?

如何在没有安装那些疯狂的视觉工作室程序的情况下获得msbuild.exe?

我需要它来进行npm安装才能完成工作.我在Windows 7上,无法在线购买旧版2013 Express.

msbuild

46
推荐指数
2
解决办法
7万
查看次数

如何从express 4处理FormData

我尝试将一些表单数据发送到我的节点服务器,但req.body没有任何表单字段在节点端

 var express = require('express')
var app = express()
var path = require('path')
var bodyParser = require('body-parser')
app.use(bodyParser.urlencoded({
  extended: true
}));

app.get('/', function (req, res) {
  res.sendFile('index.html')
})
app.post('/sendmail', function (req, res) {

  const formData = req.body.formData
Run Code Online (Sandbox Code Playgroud)

这是我从浏览器发送的内容

fetch('/send', {
  method: 'POST',
  body: new FormData(form)
})
Run Code Online (Sandbox Code Playgroud)

在开发工具中我只看到Referer中传递的数据,也许这是我的问题

Referer:http:// localhost:3000 /?name =&budget =%C2%A31000

node.js express express-4

37
推荐指数
1
解决办法
4万
查看次数

如何在没有grunt或gulp的情况下将typescript编译器作为package.json脚本运行

我不想使用grunt或gulp来编译ts文件.我只想在我的package.json中这样做:

  "scripts": {
    "build": "tsc main.ts dist/"
  },
Run Code Online (Sandbox Code Playgroud)

可能吗?

typescript package.json

28
推荐指数
2
解决办法
3万
查看次数

由于端口8081 sunproxyadmin,无法打包响应本机

当我在终端运行时:

lsof -n -i4TCP:8081

我明白了

node      10901 me   28u  IPv6 0xbcad49      0t0  TCP *:sunproxyadmin (LISTEN)
foo 11957 me   15u  IPv4 0xbcad49      0t0  TCP 127.0.0.1:61127->127.0.0.1:sunproxyadmin (CLOSE_WAIT)
Run Code Online (Sandbox Code Playgroud)

什么是sunproxyadmin?

macos react-native

14
推荐指数
1
解决办法
1万
查看次数

Babel生成的代码导致错误导出未定义

当这段代码(从babel生成)运行时,我收到一个错误 exports is undefined

Object.defineProperty(exports, '__esModule', {
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

ecmascript-6 babeljs

12
推荐指数
1
解决办法
8212
查看次数

由于406为0.9.5.tar.gz,Yeoman不会安装

npm install yeoman今天尝试使用linux mint 17并收到以下错误:

npm http 406 http://github.com/yeoman/generators/archive/0.9.5.tar.gz
npm ERR! fetch failed http://github.com/yeoman/generators/archive/0.9.5.tar.gz
npm ERR! Error: 406 Not Acceptable
npm ERR!   etc
Run Code Online (Sandbox Code Playgroud)

几周前,我上次安装时工作正常.今天这对我来说是一个交易破坏者,因为我需要这个包.

我的npm版本是1.3.10

有任何想法吗?

npm yeoman

11
推荐指数
1
解决办法
1667
查看次数

使用webpack源图时,Chrome中的文件中的断点未被点击

我在源.js文件中有一个断点(通过源映射加载),当我在源选项卡中使用chrome dev工具指向它时,它没有被击中.有时候,如果我点击格式按钮{}但我的命中和未命中,我可以让它们被击中.

有任何想法吗?

  "devDependencies": {
    "autoprefixer-loader": "^3.1.0",
    "babel-core": "^6.1.20",
    "babel-loader": "^6.1.0",
    "babel-preset-es2015": "^6.1.18",
    "babel-preset-stage-1": "^6.3.13",
    "css-loader": "^0.23.1",
    "material-ui": "^0.14.0",
    "style-loader": "^0.13.0",
    "stylus-loader": "^1.5.1",
    "tape": "^4.2.2",
    "webpack": "^1.12.12",
    "webpack-dev-server": "^1.12.1"
  },
  "dependencies": {
    "babel-polyfill": "^6.1.19",
    "moment": "^2.11.2",
    "normalize.css": "^3.0.3"
  }
Run Code Online (Sandbox Code Playgroud)

webapck:

module.exports = {
  entry: [
    'babel-polyfill',
    './app/app.js'
  ],
  output: {
    publicPath: '/',
    filename: 'dist/main.js'
  },
  debug: true,
  devtool: 'source-map',
  module: {
    loaders: [
      {
        test: /\.js$/,
        include: path.join(__dirname, 'app'),
        loader: 'babel',
        query: {
          presets: ['es2015']
        }
      },
      { test: /\.styl$/, …
Run Code Online (Sandbox Code Playgroud)

google-chrome breakpoints webpack

11
推荐指数
1
解决办法
5095
查看次数

试图在openshift应用程序上运行bower安装

我刚刚在我的Openshift应用程序中部署了一个git repo .游戏通过运行在我的计算机上本地运行

gulp
Run Code Online (Sandbox Code Playgroud)

在ssh'ing之后在Openshift上尝试这个

我刚安装了当地的凉亭

npm install bower
Run Code Online (Sandbox Code Playgroud)

然后尝试bower install但得到这个:

Error: EACCES, permission denied '/var/lib/openshift/53dd22222e0b8cdd07d00026f/.config'
    at Object.fs.mkdirSync (fs.js:642:18)
Run Code Online (Sandbox Code Playgroud)

npm安装工作正常

如何运行凉亭?

另一个问题是,在app-deploy我的目录内部署后.git,部署的文件似乎是我在计算机上的几个提交.如何获取最新文件rhc app-deploy

我甚至都看不到那里的git repo.在cd app-root/repo/

npm openshift bower

6
推荐指数
1
解决办法
1586
查看次数